/* footer - cascade */


*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}

html,body {
	background-color:RGB(231,244,255);
}

body {
	font-family: Arial, Helvetica, sans-serif;
	min-height:auto;
	margin-left: 0px;
	min-height:auto;
	max-width:none;
}

section {
	position:relative;
 	width:calc(33.33% - 30px);
 	margin:15px;  
	border-color:green; 
	border-width:10px;  
	border-style: solid; 
	min-height:570px;
	max-height:570px;
	overflow: hidden;
	float:left;
	padding:10px;
	min-widht:400px;
}

#readmeX{  
        height:350px;
	margin: 0px;
	border:none; 
	margin-top:15px;
	}


 #frame1,#frame2,#frame3 {  
        min-height:600px;
	margin: 0px;
	border:none; 
	width:100%;
	}

 
/* m a x  -   w i d t h  :  768px  */
@media screen and (max-width: 768px) {

.mobile-container{
	 max-width:none;
	}

section {
	margin-left:8px;
	float:none;
	min-width:calc(100vw - 17px) ;
	min-height:fit-content;
	max-height:fit-content;
       }

 iframe {	
        float:none;
	min-width:100%;	
        min-height:auto;	
       }


#frame1{min-height: 550px;}
#frame2{min-height: 570px;}
#frame3{min-height: 290px;}

#div_footer {
	padding:unset;
	}

}


@media screen and (max-width: 240px) {
section {
	
	 border:0;
       }
}