@media (max-width: 800px) {

	div#topSocials {
    text-decoration: none;
    float: left;
    text-align: left;
    position: fixed;
    visibility: hidden;
}
	.setStyle {padding:20px}
.setStyle.homeTop {padding:10px;}
.setStyle.homeFour {padding:10px;}

#banner {display:block;contain: layout;}
 .readingBit {box-sizing: border-box;}
    
    .theText {
    display: block;
}

    	body {font-size: 18px !important;}
	
	#infoot pre {text-align: center !important;}
	
	.logo {width: 62% !important;/* max-width: 115px; *//* float: left; */margin-right: 20px;margin-top: 30px;}
	
	.FloatLeft, .FloatRight {float:none; width:100%;}
 	#cssmenu
	{bottom: auto;top: 98px;}
	.tooltip{position:relative;float: left;left: -20px;top: 19px;} 
	
	
	.setStyle > div > div {width:90%; clear:both; }  
    .setStyle > div   {display: block !important;}
        
    
   .setStyle.intro {
    background: #2f2f2f;
    color: white;
    padding-top: 90px;
    padding-bottom: 90px;
    border-top: 5px solid #f05723;
    border-bottom: 5px solid #f05723;
    box-shadow: 0px 0px 12px 6px rgb(0 0 0 / 44%);
    font-size: 30px;
    position: relative;
    z-index: 10;
}
.intro .delement {
    max-width: 1200px;
}
.setStyle.intro h1 {
    font-size: 36px;
    text-shadow: 4px 3px black;
}

.section1 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section1 .delement {
    /* background: #f9f9f9; */
    padding: 20px;
    border-radius: 8px;
    border-bottom: 2px solid antiquewhite;
    box-shadow: 0px 12px 10px -8px rgb(68 68 68 / 14%);
}
    
    
	.pp {width: 85% !important;}
	.formBit input {/* float:left; *//* margin-bottom: 20px; */position: relative;font-size: 19px;} 
#threeFooter div,#threeFooter div:first-child,#threeFooter div:last-child{width:90%;margin:auto;margin-bottom: 30px;text-align:center!important;float:none!important;}    
    
    
#threeFooter {display:block;font-size: 19px!important;}    
	#threeFooter > div {margin: 27px;}    
	
  
    
     .caption {
  
  font-size:22px;
  
opacity: 1;
}
    
  .slide .intro {
    position: relative;
    opacity: 0;
    color: white;
    font-size: 25px;
    box-sizing: border-box;
    /* max-width: 650px; */
    /* margin: auto; */
    width: 100%;
    margin-top: 30px;
    font-family: "Manrope", sans-serif;
    text-shadow: 2px 2px 2px BLACK;
    text-transform: none;
}
    
}


@media (max-width: 600px) {
 
   .setStyle > div > div {display: block;width: auto;}   

	div#leftSocials {
    position:fixed;
		visibility:hidden;
}
  
}

/* gallery styles */


@media (max-width: 1024px) {
    #galBoxes div {
        flex: 1 1 calc(33% - 10px);
        max-width: calc(33% - 10px);
    }
}

@media (max-width: 768px) {
    #galBoxes div {
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    #galBoxes div {
        flex: 1 1 calc(100% - 10px);
        max-width: calc(100% - 10px);
    }
}

 

@media (max-width: 900px) {
    .subMenu .delement > div {
        flex: 0 1 calc(50% - 20px); /* 2 per row on tablets */
    }
}

@media (max-width: 600px) {
    .subMenu .delement > div {
        flex: 0 1 100%; /* 1 per row on phones */
    }
}