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;

}
#content{
margin-top:3em;


}
.imgheader{	
    
	margin:auto;
	background-color:#999;
	width:100%;
	height:250px;
		
	}
.sitespace{	
    
	margin:auto;
	background-color:#fff;
	width:100%;	
	height:4em;
	}
	.row{
	
	margin-top:4em;
  	}
#contact{
    width:100%;
	font-size: 1.9em;
	line-height:1.6em;
	font-weight:lighter;
}
#contact p{
 float:left;   
 padding-left:12%;
 text-align:left;   
}
#contact a{
    text-decoration:none;
    color:#999999;
}
#contact a:hover{
    
    color:#ccc;
}
#contact span{
line-height:1.5em;
font-weight:bold;
}
#contact span:nth-child(1){
font-size: 2em;
color:#000;
}
#contact span:nth-child(2){
font-size: 2em;
color:#999;
}
#contact span:nth-child(3){
font-size: 2em;
color:#000;
}
#formdiv{
    
    width:100%;
    text-align:left;
}
#formdiv div:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
	#formdiv div:last-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #999;
  color: white;
  margin: 0px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  vertical-align:middle;
}

textarea {
  width: 100%;
  height: 150px;
  padding:12px 20px;
  margin:8px 0px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ccc; 
 
  resize: none;
}

input[type=submit]:hover {
  background-color: #45a049;
}

#formdiv div{
  margin-top:-20px;
   width:85%;
   margin-right:12%;
  border-radius: 0px;
  background-color: #f2f2f2;
  padding: 20px;
}
.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: 1024px)  {
#sitename{
width:90%;
border:none;
margin-left:4%;
font-size: 1.4em;
color:#000;
margin-top:0px;

}
#sitename span:first-child{
float:left;
font-size: 1.4em;
}
#js-rotating{
float:right;
margin-right:40px;
margin-top:5px;
}
#js-rotating img{
width: 30px;
cursor:pointer;
}
.container-fluid{
position:absolute;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100vw;
border:none;
}

.container{
max-width:100%;
text-align:center;
padding: 0px;
margin:0px;
border:none;
}
#content{
margin-top:3em;


}
.sitespace{	
    
	margin:auto;
	background-color:#fff;
	width:100%;	
	height:3em;
	}

.imgheader{	
    
	margin:auto;
	background-color:#999;
	width:100vw;
	height:180px;		
	}
.sitespace{	
    
	margin:auto;
	background-color:#fff;
	width:100%;	
	height:3em;
	}
	.row{
	
	margin-top:4em;
  	}
#contact{
    width:100vw;
	font-size: 1.5em;
	line-height:1.4em;
	font-weight:300;
	display:inline-block;
	min-width:512px;
}
#contact p{
 float:left;   
 padding-left:8%;
 text-align:left;
 width:95%;   
}
#contact a{
    text-decoration:none;
    color:#999999;
}
#contact a:hover{
    
    color:#ccc;
}
#contact span{
line-height:1.5em;
font-weight:bold;
}
#contact span:nth-child(1){
font-size: 2em;
color:#000;
}
#contact span:nth-child(2){
font-size: 2em;
color:#999;
}
#contact span:nth-child(3){
font-size: 2em;
color:#000;
}
#formdiv{
    display:inline-block;
    width:100vw;
    min-width:512px;
	margin:auto;
}
#formdiv div:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
	#formdiv div:last-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}

input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 6px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #999;
  color: white;
  
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  vertical-align:middle;
}

textarea {
  width: 100%;
  height: 150px;
  padding:12px 20px;
  margin:8px 0px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ccc; 
 
  resize: none;
}

input[type=submit]:hover {
  background-color: #45a049;
}

#formdiv div{
  margin-top:50px;
   width:85%;
   margin:auto;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.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: 650px)  {

#sitename{
width:90%;
border:none;
margin-left:3%;
font-size: 1.3em;
color:#000;
margin-top:5px;

}
#sitename span:first-child{
float:left;
font-size: 1.3em;

}
#js-rotating{
float:right;
margin-right:10px;
margin-top:8px;
}
#js-rotating img{
width: 30px;
cursor:pointer;
}
.imgheader{

height:180px;
}
    .row{

        margin-top:1em;
    }
#contact{
    width:100vw;
	font-size: 1.5em;
	line-height:1.3em;
	font-weight:300;

	border: none;
}
#contact p{

 padding:1em;
 text-align:left;
 width:90%;
}
#contact a{
    text-decoration:none;
    color:#999999;
}
#contact a:hover{
    
    color:#ccc;
}
#contact span{
line-height:1.5em;
font-weight:bold;
}
#contact span:nth-child(1){
font-size: 2em;
color:#000;
}
#contact span:nth-child(2){
font-size: 2em;
color:#999;
}
#contact span:nth-child(3){
font-size: 2em;
color:#000;
}
#formdiv{

    width:100vw;
    /*min-width:512px;*/
	text-align:center;
}
    #formdiv div{

        text-align:left;

        /*min-width:440px;*/
        margin:auto;
    }
	#formdiv div:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
	#formdiv div:last-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}

input[type=text] {
  width: 95%;
  padding: 12px 20px;
  margin: 6px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 95%;
  background-color: #999;
  color: white;
 
  margin: 6px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

textarea {
  width: 95%;
  height: 150px;
  padding:12px 20px;
  margin:6px 0px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ccc; 
 
  resize: none;
}

input[type=submit]:hover {
  background-color: #45a049;
}
}
@media only screen and (max-width: 450px)  {
.container-fluid{
width: 100vw;
margin:0px;
    padding:0px;
}
    .container{
       width:100%;
        margin:0px;
        padding:0px;
    }

#sitename{
width:95%;
border:none;
margin-left:0%;
font-size: 1.1em;
color:#000;
margin-top:0px;
height:10px;
display:inline-block;
}
#sitename span:first-child{
float:left;
font-size: 1.1em;
}
#js-rotating{
float:right;
margin-right:0px;
margin-top:0px;
}
#js-rotating img{
width: 20px;
cursor:pointer;
}
.imgheader{

height:150px;
}
#bl{
height:0px;
}
    .row{

        margin-top:0em;
    }
   #contact{
        width:100vw;

        font-weight:200;

        border: none;
       padding:1px;
    }
    #contact p{
        margin:0em;
        text-align:left;
        max-width:100%;
        font-size:.8em;


    }
    #contact a{
        text-decoration:none;
        color:#999999;

    }
    #contact a:hover{

        color:#ccc;
    }
    #contact span{
        line-height:2em;
        font-weight:bold;
        line-height:normal;
    }
    #contact span:nth-child(1){
        font-size: 2em;
        color:#000;
        line-height:normal;
    }
    #contact span:nth-child(2){
        font-size: 2em;
        color:#999;
        line-height:normal;
    }
    #contact span:nth-child(3){
        font-size: 2em;
        color:#000;
        line-height:normal;
    }
    #formdiv{
       width:100vw;
       min-width:412px;
        text-align:center;
    }
    #formdiv div{
	    
	    width:95%;
        font-size:1em;
        text-align:left;
        margin:auto;
    }
	#formdiv div:first-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
	#formdiv div:last-child{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	}
	
	#talk{
	width:95%;
	}

    input[type=text] {
       
       width:100%;


        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    input[type=submit] {
        
        background-color: #999;
        color: white;
        
        width:100%;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

    textarea {
       
        width:95%;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #ccc;

        resize: none;
    }

    input[type=submit]:hover {
        background-color: #45a049;
    }

}