.parent
{
        border: none;
        height: 650px;
}

.child
{
        width: 48%;      
        height: auto;
        display: inline-block;
        background-color: none;
        
}                             

                                .parent                                                           
                                {                                                          
                                border: none;                            
                                height: auto;                           
                                }
                                                            
                                .child                                                           
                                {                                                           
                                width: 48%;
                                height: auto;                                                           
                                display: inline-block;                                                            
                                background-color: none;                                                  
                                                                                  
                                }

@media screen and (max-width: 600px) {
    body {
        font-size:1.5em;
    }
    …
    h2 {
        font-size:2.5em;
    }
}


@media (max-width : 800px) {
  .fluid {
	float              : none !important;
	width              : auto !important;
	margin-left        : 0 !important;
	margin-right       : 0 !important;
	max-width          : 100% !important;
	position           : static !important;
	height             : auto !important;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
	& + .fluid {
	  margin-top : 1rem !important;
	}
  }
  .fluid__none {
	display : none !important;
  }
}