body{
margin:0px;
font-family: 'Fira Sans', sans-serif;
}
#menu{
position:absolute;
left:0px;
top:0px;
width:0px;
overflow:hidden;
background-color:#BD5A18;
display:inline-block;
z-index:1500;
}

#menu ul{
margin-top:3%;
margin-left:10%;
color:#FFFFFF;
font-size:1.5em;
list-style-type: none;

}
#menu ul li{
line-height: 1.5em;
text-decoration:none;
}
#menu ul li:first-child{
margin-bottom:5%;
font-weight:bold;
font-size:1.6em;
}
#menu ul li a{
color:#FFFFFF;
text-decoration:none;

}
#menu ul li a:hover{
color:#CCC;
 text-decoration:none;
}
#menu ul li a:visited{
color:#ffffff; 
text-decoration:none;
}
#b1{
position:absolute;
left:0px;
top:0px;
width:90%;
text-align:right;
font-size:20px;
font-weight:bold;
display:inline;
z-index:1500;
}
#sitename{
width:90%;
border:none;
margin-left:4%;
font-size: 1.5em;
color:#000;
margin-top:0px;

}
#sitename span:first-child{
float:left;
font-size: 1.5em;
}
#js-rotating{
float:right;
margin-right:60px;
margin-top:10px;
}
#js-rotating img{
width: 40px;
cursor:pointer;
}
#closemenu{
float:right;
margin-right:10%;
margin-top:50px;
color:#FFFFFF;
font-size:1em;
}

.container-fluid{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
border:none;
}

.container{
max-width:100%;
text-align:center;
padding: 0px;
margin:auto;
border:none;

}

	
.sitespace{	
    
	margin:auto;
	background-color:#fff;
	width:100%;	
	height:4em;
	}
.imgheader{	
    
	margin:auto;
	background-color:#999;
	width:100%;
	height:250px;
	
  
  		
	}
	#copy{
    text-align:left;
	background-color:#fff;
	min-width:525px;
	font-size: 1.5em;
	line-height:1.7em;
	color:#999;
	font-weight:200;
	padding-top:20px;	
	
}
#copy p{
margin-left:8%;
mmargin-right:0em;
margin-top:0em;

}
#copy span{
line-height:1.5em;
font-weight:bold;
}
#copy span:nth-child(1){
font-size: 1.8em;
color:#000;
}
#copy span:nth-child(2){
font-size: 1.8em;
color:#999;
}
#copy span:nth-child(3){
font-size: 1.8em;
color:#000;

}
.bld{

font-weight:200;
}

#imgs{
text-align:center;
min-width:525px;
padding-top:55px;
padding-right:30px;
}
#imgs div:hover{
background-color:#ccc;
}

	
	#daj{
	display:inline-block;
    padding:.5em;
	max-width:770px;
	margin-bottom:20px;
	
	}
	
	#daj img{
	width:100%;
	}
	#daj p{
	text-align:left;
    font-size:1em;
    color:#666666;
	
	}
	#bb{
	display:inline-block;
    padding:.5em;
	max-width:770px;
	
	}
	
	#bb img{
	width:100%;
	}
	#bb p{
	text-align:left;
    font-size:1em;
	color:#666666;
	}
	
	.tandk{
	
	
	
	}
	.tandk p{
	padding-left:5em;
	font-size:1.5em;
	font-weight:300;
	color:#999999;
	}
	.tandk p span{
	font-weight:bold;
	}
	
	#misp{
	display:inline-block;
    padding:.5em;
	max-width:770px;
	margin-bottom:20px;
	}
	
	#misp img{
	width:100%;
	}
	#misp div p{
	text-align:left;
    font-size:1em;
	color:#666666;
	}
	
	
	
.footer{
    text-align:left;
	background-color:#fff;
	width:100%;
	margin-top:2em;
	padding-left:4%;
	border: none;		
}
#footermenu{
color:#999999;
width:90%;
float:left;
background-color:#FFFFFF;
vertical-align:middle;
margin-top:30px;
}
#footermenu  p:last-child {
padding-right:2em;

}
.lowermenu{
margin-left:0em;
color:#999999;
font-size:20px;


}
#footermenu p:last-child {
/*margin-left:4em;*/

}
#footermenu p span{
font-size:1.8em;
padding-right:1em;
font-weight:bold;

}
#footermenu p a{
text-decoration:none;
color:#999999;
font-size:20px;
padding-right:1em;

}
#footermenu p a:nth-child(8){

}
.lowermenu li a{
text-decoration:none;
color:#999999;
}
.lowermenu li a:hover{
color:#CCCCCC;

}

.footer hr{
width:100%;
margin-bottom:40px;

}
.footer p{
margin-left:0em;

}
#footermenu p:last-child a{

float:right;
font-size:1em;
}
@media only screen and (max-width: 1200px){
#copy p{	
	text-align:left;
	width:95%;
	font-size: .8em;
	line-height:1.2em;
}	
	
@media only screen and (max-width: 1024px){
   #sitename{
	font-size:1em;
	margin-top:10px;
	
	}
	#js-rotating{
	margin-top:6px;
	margin-right:2px;
	
	}
	#js-rotating img{
	width:30px;
	}
	.sitespace{	
    height:55px;
	margin:auto;
	background-color:#fff;
	width:100vw;	
	
	font-size:.5em;
	}
	.bl{
	
	}
   .imgheader{	
    height:200px;
	margin:auto;
	width:100%;
			
	}
	.container-fluid{
	width:100vw;
	
	}
	
	.container{
	width:100vw;
	
	}
    #copy{
    width:1020px;
	
	max-width:1020px;
	}
	#copy p{	
	text-align:left;
	width:95%;
	font-size: .8em;
	line-height:1.2em;
	margin-left:35px;
}	
	
	
	#imgs{
    text-align:center;
    width:1024px;
    max-width:1024px;
   padding-top:55px;
   padding-right:0px;
}
	#daj{
	
    padding:.5em;
	max-width:770px;
	margin-bottom:20px;
	
	}
	
	#daj img{
	width:100%;
	}
	#daj p{
	text-align:left;
    font-size:1em;
    color:#666666;
	
	}
	#bb{
	display:inline-block;
    padding:.5em;
	max-width:770px;
	
	}
	
	#bb img{
	width:100%;
	}
	#bb p{
	text-align:left;
    font-size:1em;
	color:#666666;
	}
	
	
	#misp{
	display:inline-block;
    padding:.5em;
	max-width:770px;
	margin-bottom:20px;
	}
	
	#misp img{
	width:100%;
	}
	#misp div p{
	text-align:left;
    font-size:1em;
	color:#666666;
	}
   	
    
	
	
	.footer{
    text-align:left;
	background-color:#fff;
	width:100%;
	margin-top:2em;
	padding-left:4%;
	border: none;		
}
#footermenu{
color:#999999;
width:90%;
float:left;
background-color:#FFFFFF;
vertical-align:middle;
margin-top:30px;
}
#footermenu  p:last-child {
padding-right:2em;

}
.lowermenu{
margin-left:0em;
color:#999999;
font-size:20px;


}
#footermenu p:last-child {
/*margin-left:4em;*/
}
#footermenu p span{
font-size:1.8em;
padding-right:1em;
font-weight:bold;

}
#footermenu p a{
text-decoration:none;
color:#999999;
font-size:20px;
padding-right:1em;

}
#footermenu p a:nth-child(8){
/*margin-right:14%; */
}
.lowermenu li a{
text-decoration:none;
color:#999999;
}
.lowermenu li a:hover{
color:#CCCCCC;

}

.footer hr{
width:100%;
margin-bottom:40px;

}
.footer p{
margin-left:0em;

}
#footermenu p:last-child a{

float:right;
margin-right:0em;
font-size:1em;
}

}
@media only screen and (max-width: 770px){
.container{
     width:100vw;
}
#imgs{	
   width: 100vw;
	min-width:500px;
	padding-left:25px;
	text-align:center;
   }
  #imgs div{	
   width: 90%;
	
   } 

}
				
	@media only screen and (max-width: 450px){
	
	#menu ul{
margin-top:3%;
margin-left:10%;
color:#FFFFFF;
font-size:1.2em;
list-style-type: none;

}
#menu ul li{
line-height: 1.2em;
text-decoration:none;
}
#menu ul li:first-child{
margin-bottom:5%;
font-weight:bold;
font-size:1.5em;
}
	
	
	
	
   #sitename{
	font-size:.9em;
	margin-top:5px;
	
	}
	#js-rotating{
	margin-right:0px;
	padding-left:10px;
	}
	#js-rotating img{
	width:20px;
	
	}    
	.sitespace{	
    height:45px;
	margin:auto;
	background-color:#fff;
	width:100vw;	
	
	font-size:.5em;
	}
	#bl{
	width:100vw;
	
	}
	
   .imgheader{	
    margin:auto;
	width:100vw;
	height:180px;		
	}
    #copy{
    min-width:300px;
	width:100vw;
	color:#666666;
	font-weight:normal;
	}
	#copy p{	
	text-align:left;
	word-wrap: break-word;
	padding:10px;
	width:98%;
	margin-left:0px;
	
	font-size:.7em;
	line-height:normal;
	color:#666666;
	}
	
	#imgs{	
    width: 100vw;
	min-width:200px;
	padding-left:0px;
	text-align:center;
   }	
	#daj{
    
    width: 95vw;
	
    }
	
   #daj img{
	 width: 100%;
	
   }
   #bb{
    
     width: 95vw;
	
    }
	
	#bb img{
	 width: 100%;
	
   }
	
   #misp{
    wwidth: 95vw;
	
    }
	
	#misp img{
	 width: 100%;
	
   }
	
   	
    
	
	
	.rule{
	width:95%;
	margin-left:10px;
	margin-right:10px;
	}
	
	.footer{
   
	background-color:#fff;
	width:100vw;
	margin:auto;	
}
#footermenu p{
width:100%;
margin-left:10px;
font-size:1em;
text-align:left;

}
#footermenu p a{
font-size:1em;
text-align:center;
}

}