html,body,ul{
padding:0;
margin:0;
}
body{
	
	background-color:white;
	font-family:Helvetica, Arial, sans-serif;
}





.imagecontainer {
	
	width:32%;
	margin-left:1px;
	margin-right:6px;
	float:left;
	margin-bottom:5px;
}

.imagecontainer img{
	
	width:100%;

}

.imagelandscape img {
		width:100%;
}

#logo{
	height:90px
	padding-top:10px;
}


#mobilemenu{
	
	right: 0px;
    position: absolute;
    top: 10px;
	fill:gray;
	display:none;
	
}
	



#navigator{
	
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	display:inline-block;
}
	
	
#navigator #navmenu {
		
		margin: 0 auto;
	}

	#navmenu, ul.sub1, ul.sub2 {
		list-style-type: none;
		font-size: 10pt;
		}
		
	#navmenu li {
		width: 85px;
		text-align:left ;
		position: relative;
		float: left;
		margin-right: 5px;
		}
		
	#navmenu a {
		text-decoration: none;
		color:#FFFFFF;
		display: block;
		width:83px;
		height: 27px;
		line-height: 27px;
		background-color:#61573c;
/*		border: 1px solid #CCC; */
		padding-left:5px;
		
		}
		
	#navmenu .sub1 li {
	    margin:0px;
	
		}
		
	#navmenu .sub1 a {
		margin-top: 3px;
		}
		
	#navmenu .sub2 a {
		margin-left: 1px;
		}
		
	#navmenu li:hover a {
		background-color:#FF8080;
		}
		
	#navmenu li:hover a:hover {
		background-color:#908566;
		}
		
	#navmenu ul.sub1 {
		display: none;
		position: absolute;
		top: 26px;
		left: 0px;
		}
		
	#navmenu ul.sub2 {
		display: none;
		position: absolute;
		top: 0px;
		left: 85px;
		}
		
	#navmenu li:hover .sub1 {
		display: block;
		}
		
	#navmenu .sub1 li:hover .sub2 {
		display: block;
		}
		
	.downarrow {
	  
		font-size: 11pt;
		position: absolute;
		top: 5px;
		right: 4px;
		}
			
		
#onlymobile{
	
	right: 0px;
    position: absolute;
    top: 10px;
	display:none;
	
}
		
#maincontainer{
	

	background-color:white;
	margin:0 auto;
	padding:10px;
}


#header .container{
	
	position:relative;
	
}


.container{
	
	margin:0 auto;
		width:900px;
	
}

.container p{
	margin-left:10px;
}


#maincontainer h1{
	
	text-align:center;
	
}


#header{
	background-color:#bdb4a2;
	min-height:150px;
}

#footer{

	min-height:200px;
	background-color:#b29d72;
	
}
.clear{
	
	clear:both;
}

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}



.column_two {
	 padding-top:10px;
	width:auto;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
	word-wrap: break-word;

}

.column_two #left, .column_two #right{
	 width: auto;
}

.column_two img{

width:100%;

}

.column_two ul {
  width: auto;
  margin-bottom: 20px;
  overflow: hidden;

}
.column_two li {

  float: left;
  display: inline;
}
#double li {
  width:50%;
}


/* Below is css for forms */

input[type=text], input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  display: inline-block;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Overwrite default styles of hr */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}

/* Set a style for the submit button */
.registerbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
}

/* Add a blue text color to links */
a {
  color: dodgerblue;
}






@media screen and (max-width:930px){
#header{
		
		min-height:130px;
		
	}
.container{
	
	width:95%;
}	

#logo{

	width:100px;
	padding-top:10px;

}

.imagecontainer {

width:200px;


}



#footer_copy_right{

	font-size:12px;


}


@media screen and (max-width:530px) {
	
#header{
		
		min-height:130px;
		
	}

#logo{

	width:100px;
	padding-top:10px;

}

	

#navigator {

	width:100%;
	margin-right:0px;
	margin-top:45px;
	position:relative;

}
	
#navigator ul{
	display:none;

	
}
	


#onlymobile ul{
	
	display:block;
	margin-top:50px;
	width:100%;
	
}	
	
#onlymobile ul li {
	
	display:block;
	margin:1px 15px 0px -10px;
	
	text-align:left;
	padding-left:15px;

    width: 100%;
    padding-top: 5px;
	padding-bottom: 5px;
    background-color:#EEEEEE;

}	
#onlymobile ul li a{

	text-decoration:none;
    width:100%;
  	color:#7E6441;
	font:
}	




#mobilemenu{
	
	display:block;
}
	

	
	
.imagecontainer, .imagelandscape{

width:100%;
max-width:400px;


}

#footer_copy_right{

	font-size:10px;


}

}




@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {


	
#header{
		
		min-height:130px;
		
	}
	
#logo{
	height:100%;
	padding-top:10px;
}	
	
#navigator {

	width:100%;
	margin-right:0px;
	margin-top:45px;
	position:absolute;

}
	
#navigator ul{
	display:none;
}
	




#onlymobile ul{
	width:100%;
	display:block;
	margin-top:50px;

}	
	
#onlymobile ul li {
	
	display:block;
	margin:1px 25px 0px -4px;
	font-size::40px;
	text-align:left;
	padding-left:9px;

    width: 100%;
    padding-top: 5px;
	padding-bottom: 5px;
    background-color:#EAEAEA
	
	
}	
#onlymobile ul li a{

	text-decoration:none;
	
	height: 25px;
	line-height: 25px;
	
	
    width: 100%;
  	color:#7E6441;
}	




#mobilemenu{
	
	display:block;
}
	

.container{
	
	width:95%;
}	

.imagecontainer, .imagelandscape{

width:100%;


}
	


#footer_copy_right{

	font-size:9px;


}


}

@media screen and (max-width:320px){

.imagecontainer, .imagelandscape{

width=100%;
}

.fa {
  padding: 10px;
  font-size: 20px;
  width: 16px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

#footer_copy_right{

	font-size:9px;


}


}

@media screen and (max-width:240px){

.imagecontainer, .imagelandscape{

width=100%;
}

.fa {
  padding: 7px;
  font-size: 15px;
  width: 13px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

#footer_copy_right{

	font-size:8px;


}


}