@charset "utf-8";
/* CSS Document */

.aboutpopup { display:none; position:fixed; padding:10px; width:60%; left:20%; /* margin-left: -150px;*/ /*height:200px;*/ top:25%; margin-top:-100px; background:#312f2f; color:#ffffff; border-radius: 1.5em; z-index:20; }

.popup { display:none; position:fixed; padding:10px; width:280px; left:50%; /* margin-left: -150px;*/ height:200px; top:25%; margin-top:-100px; background:#000000; color:#ffffff; z-index:20; }

#popup2 {-webkit-box-shadow:0px 0px 0px 9999px rgba(0, 0, 0, 0.5); box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5); cursor:pointer; }

.sb {width:28.5%; float:left; font-weight:bold; background-color:#f5f5f5; height:16.5em; text-align:center; padding-top:0.5em; /*margin-top:1em; margin-left:2.222%; margin-right:2.222%;*/ margin-bottom:1em; border-radius: 8px; border:#063160 solid 3px;}

.se{font-weight:normal; color:#002b4c; font-size:0.85em; line-height:1.1em; font-weight:bold; padding-left:0.8em; padding-right:0.8em; letter-spacing:0.01em; font-family:Calibri; text-align:center; padding-top: 0.8em;}

.sbin {width:33%; float:left; font-weight:bold; margin-left:2.222%; margin-right:2.222%; margin-bottom:1em; border-radius:8px; /*background-color:#ffffff;*/ }

.popupin { display:block; position:fixed; padding:10px; width:390px; left:34%;/*margin-left: -150px;*/ top:17%; margin-top:-100px;
/*background:#ffffff; color:#ffffff;*/z-index:20; }

.close{ color:white; font-weight:bold; float:right; text-decoration:none; font-size:20px; line-height:16px; transform:translate(30%, -1%); z-index:9999; background-color:#003f72; border-radius:0.3em; padding:0.2em; transition:0.3s; cursor:pointer; }

.popimg { max-width:100%; height:15%; }

@media only screen and (max-width:768px) and (min-width:481px)
	
{ .sb { width:90%; }
			
.popup { left:5%;}
				
.popup { left:1%; }

.sbin { width:90%; }
	
.popupin { left:5%; height:220px; }

}
		
@media only screen and (max-width:480px) and (min-width:320px)
{
	
.sb { width:90%; }
			
.popup { left:1%;}
		
.sbin { width:90%; }
			
.popupin { left:1%; height:220px; }
	
.aboutpopup { display:none; position:fixed; padding:10px; width:85%; left:5%; /* margin-left: -150px;*/ /*height:200px;*/ top:25%; margin-top:-100px; background:#312f2f; color:#ffffff; border-radius: 1.5em; z-index:20; }	
	
.popimg { max-width:100%; height:auto; }
		
}