*, *:before, *:after {	background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; 
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		
html {
  height: 100%;
  width: 100%;
  font-family: 'lato';
  font-weight: 300;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
  -webkit-font-smoothing: subpixel-antialiased;
}
.content {
  flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
  padding: 0px;
}
footer {
  flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}

.widthlimiter {
    max-width: 1024px; margin: 0 auto;
}

.fullwidth{
	width: 100%;
}

.flexparent{
    display: flex;				
}

.flexchild {
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}		


#titlebar { background-color: #649b97; height: 60px; }

#logo { float: left; }

#side{ -webkit-flex: 0 0 33%; -moz-flex: 0 0 33%; flex: 0 0 33%; padding: 0px 20px;}

.search input[type=text]{ padding: 6px; font-size: 17px; border: none; background-color: white;margin: 0px;  border-radius: 3px 0px 0px 3px; height: 32px; }

.search button { float: right; padding: 6px 10px; margin: 0px; background: #ddd; font-size: 17px; border: none; cursor: pointer; border-radius: 0px 3px 3px 0px; height: 32px; }

.search button:hover { background: #ccc;  border-radius: 0px 3px 3px 0px; height: 32px; }

.search { float: right; margin-top: 13px; }

footer {background-color: #153a4b; color: #649b97; font-size: 14px;} /* Layout */

.footer_column_links { text-decoration: none; color: #8ec4b2; padding: 0px 0px 10px 0px; display: block; }
.footer_column_links:hover {color: white; }

.footer_first_box { display: block; float: left; width: 60%; height: 100%; }
.footer_right_box { display: block; float: left; width: 40%; height: 100%; }
.footer_column { display: table-cell; float: left; width: 33.33%; padding: 20px 0px 0px 0px; height: 100%; white-space: nowrap; font-size: 12px; }
#footericonbox {padding: 20px 0px 20px 20px;}

@media (max-width: 1024px) { 
	
	#logo { padding-left: 10px; } 
	.search { padding-right: 13px; } 
	footer {padding: 0px 10px;}
/*	.p { text-align: center; padding: 0px 5px 10px 5px; margin:0px; font-size: 1.2vw; height: 4.9vw; } */

}

@media screen and (max-width: 768px) { 
	
	.widthlimiter {
		display: block;
		width: 100%;
	}
	
	.widthlimiter > div {
    	display: block;
		width: 100%;
	}
	
	#footericonbox {padding: 20px 0px; }	
	
}

@media (max-width: 720px){

	#logo { float: none; text-align: center; width: 100%; height: 60px; display: block; }
	
	.search { float: none; background-color: #8ec4b2; text-align: center; margin: 0; font-size: 0; padding: 8px 10px; display: block; width: 100%; height: auto; clear: both;}
		
	.search input[type=text]{ padding: 5px; margin: 0; width:80%; font-size: 16px; border-radius: 3px 0px 0px 3px; height: 32px; }
	
	.search button { padding: 5px;margin: 0; float: none; font-size: 16px; border-radius: 0px 3px 3px 0px;width: 20%; height: 32px; }
	
	.button { padding: 5px;margin: 0;  float: none; font-size: 16px; border-radius: 0px 3px 3px 0px; height: 32px; }
	
	#titlebar {height: auto; }
	
	.footer_first_box { display: block; float: none; width: 100%; height: 100%; }
	
	.footer_right_box { display: block; float: none; width: 100%; height: 100%; }

	#slider_wrapper {display: none;}

}