/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic|Ubuntu+Condensed);
html{font-family: 'Open Sans',Arial,Verdana,sans-serif; color: #222; font-size: 18px;}
body{text-align:center; margin: 0; font-size: 1em;line-height: 1.4em;}
header {min-height: 250px; background-color: #FFFFFF !important; background-image: url(/oudewater-header.jpg) !important;
    background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: left top !important; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important;
	-o-background-size: cover !important;} 
header .mainHeaderContent {position: relative; height: 250px; width: 100%; max-width: 1300px; margin: 0 auto;}
header #site-name {padding-top: 25px; margin-left: 60px; font-weight: bold; text-align: left; display:none;}
header #site-name a:hover {text-decoration: underline;}
header #site-name a {display: block; color: #fff; font-size: 50px; line-height: 1.2; font-family: 'Ubuntu Condensed',sans-serif;}
header div#site-name .slogan {margin-top: 15px;}
header .slogan {display: block;	width: 434px;}
header #logo-link {width: 191px; height: 110px; position: absolute; right: 30px; top: 30px;}
#logo-link img {width: 140px; height: auto; vertical-align: top;}
img {height: auto; width: 100%;}
#content-container{text-align: left; max-width:1024px; margin-left:auto; margin-right:auto; padding-top:1rem; width:96%; padding-left:2%; padding-right:2%; padding-bottom:2rem;}
h1{margin: 0 0 15px 0; padding: 0; color: #222; font-weight: normal; line-height: 1.4em; font-size: 2.4em; font-family: 'Ubuntu Condensed',sans-serif;}
a {color: #c50000;}
.tab-title {background: #ffeeee; padding: 15px 50px 15px 30px; position: relative; margin: 0; margin-bottom: 0.5rem; font-size: 1.2em; cursor: pointer; transition: all 300ms; font-family: 'Ubuntu Condensed',sans-serif;}
.tab-title > a {color: #222 !important; text-decoration: none;}

@media only screen and (max-width: 840px){
header {height: 65px; position: fixed; top: 0; left: 0; right: 0;max-height: 250px;  background-color: #c50000 !important;
    background-image: none !important; min-height: unset; z-index: 5;}
	#content-container{margin-top: 65px;}
	header #logo-link {width: 60px; height: 60px; top: 12px; right: 10px; bottom: 0; background-image: none !important;}
	header #logo-link img {width: 100%;}
	header .slogan {display: none;}
	header #site-name a {font-size: 1rem;}	
}

@media only screen and (max-width: 600px){
iframe {width: 100%;}
}