html {background: #EEEEEE;padding: 0;margin: 0 auto;}
body {background: #FFFFFF;max-width: 1920px;padding: 0;margin: 0 auto;}
p,ul,li,blockquote,address {font-size: 16px;color: #444444;line-height: 170%;font-family: 'Merriweather', serif;margin: 20px 0px 20px;}
blockquote {border-left: 5px solid #FF9933;margin-left: 20px;margin-right: 20px;}
h1,h2,h3,h4,h5,h6 {line-height: 150%;font-family: 'Merriweather', serif;letter-spacing: 1px;}
h1 {font-size: 50px;font-weight: bold;}
hr {margin-top: 40px;margin-bottom: 40px;border-top: 1px solid #CCCCCC;}

/*========== SIDE NAV ==========*/
nav {display: block;width: 100%;max-width: 1920px;min-height: auto;padding: 0px;margin: 0 auto;}
nav {background: #001C37;}

.burger {display: block;position: fixed;top: 0;left: 0;width: auto;border-radius: 3px;height: auto;background: #006699;padding: 0px;margin: 10px;z-index: 100;opacity: 0.3;filter: alpha(opacity=30);}
.burger div {
	display: block;
    width: 30px;
    height: 3px;
    background-color: #CCF2FF;
	border-radius: 3px;
	padding: 0px;
    margin: 8px;
}
.burger:hover {background-color: #111111;opacity: 1.0;filter: alpha(opacity=100);}
.burger:hover div {background-color: #00CCFF;}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #00152B;
    overflow-x: hidden;
    padding-top: 100px;
	background-image:url('/images/caunh-logo-3.png');
	background-position: 0px 320px;
	background-repeat: no-repeat;
    transition: 0.2s;
}
.sidenav a {
    padding: 12px 15px 12px 35px;
    text-decoration: none;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #00BFFF;
    display: block;
	border-bottom: 1px solid #003853;
    transition: 0.2s;
}
.sidenav a:nth-child(2) {border-top: 1px solid #003853;}
.sidenav a:hover {color: #FFCC00;background: #001020;letter-spacing: 3px;padding-left: 60px;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;border-bottom: none;color: #CCCCCC;background: transparent;font-size: 30px;margin-left: 50px;}
.sidenav .closebtn:hover {background: transparent;}

/*========== TOP NAV ==========*/
ul.top-nav {
	display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

ul.top-nav li {margin-top: 10px;margin-bottom: 10px;float: right;}
ul.top-nav li a {
    display: block;
    color: #0099CC;
	font-weight: bold;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
    text-align: center;
	letter-spacing: 2px;
    padding: 12px 18px 12px;
    text-decoration: none;
	transition: 0.2s;
}
ul.top-nav li a:hover {color: #CCF2FF;background-color: #006699;}

/*========== LINKS ==========*/
.btn-download:link {display: block;text-decoration: none;font-size: 16px;text-align: center;line-height: 130%;width: auto;height: auto;background: transparent;color: #0077CC;letter-spacing:1px;border-bottom: 1px solid #FFFFFF;margin:0px;padding: 12px;transition: 0.2s;}
.btn-download:visited {background:#FFFFFF;color:#006699;border-bottom: 1px solid #FFFFFF;text-decoration: none;}
.btn-download:hover {background:#003366;color:#00CCFF;text-decoration: none;}
.btn-download:active {background:#003366;color:#FFFFFF;text-decoration: none;}

a:link.btn-open, a:visited.btn-open {display: inline-block;text-decoration: none;font-size: 16px;font-family: 'Lato', sans-serif;font-weight: bold;text-align: center;line-height: 130%;min-width: 80px;height: auto;border: 2px solid #FF9900;background:#FFFFFF;color: #FF9900;letter-spacing:1px;padding: 15px 20px 15px;margin: 10px 0px 30px 0px;transition: 0.2s;}
a:hover.btn-open, a:active.btn-open {background:#003366;color:#5BD7FF;border: 2px solid #003366;text-decoration: none;}

#btn-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #000000;
    color: #00CCFF;
    cursor: pointer;
    padding: 10px;
    border-radius: 2px;
    font-size: 18px;
	opacity: 0.3;filter: alpha(opacity=30);
	transition: 0.2s;
}
#btn-top:hover {background-color: #003366;opacity: 0.9;filter: alpha(opacity=90);}

/*========== HEADER ==========*/
header {display: block;color: #ABEEFF;width: 100%;max-width: 1920px;min-height: auto;padding: 20px;margin: 0 auto;opacity: 0.8;filter: alpha(opacity=80);}
header {background: #003366;}
header h2 {color: #B7B793;font-size: 22px;letter-spacing: 18px;text-align: center;}
header img {display: block;width: 100%;max-width: 300px;height: auto;padding: 0px;margin: 0 auto;}
.logo-solo {display: block;width: 100%;max-width: 300px;height: auto;padding: 0px;margin: 20px 0px 20px;}

/*========== CONTAINERS ==========*/
.all-wrap {display: block;border-bottom: 15px solid #EEEEEE;background: #EEEEEE;width: 100%;max-width: 1920px;min-height: 100px;padding: 0px 0px 40px;margin: 0 auto;}

/*========== BACKGROUND ==========*/
.home-bk {
	min-height: 600px;
	background: #DBDBCA;
	background: url(../images/home-bk.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.clients-bk {
	min-height: 600px;
	background: #DBDBCA;
	background: url(../images/clients-bk.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.housing-bk {
	min-height: 600px;
	background: #DBDBCA;
	background: url(../images/caunh-logo-bk.png) no-repeat right bottom, url(../images/housing-bk.jpg) no-repeat left center scroll;
	-webkit-background-size: auto, cover;-moz-background-size: auto, cover;-o-background-size: auto, cover;background-size: auto, cover;
}

.contact-bk {
	min-height: 600px;
	background: #DBDBCA;
	background: url(../images/contact-bk.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*========== IMAGES ==========*/
.logo-2 {display: block;background: transparent;width: 100%;max-width: 250px;height: auto;padding: 0px;margin: 0 auto;}
.mobile {display: block;width: 100%;max-width: 360px;height: auto;padding: 0px;margin: 0 auto;}
.mid-img {display: block;width: 100%;max-width: 360px;height: auto;padding: 0px;margin: 15px auto 30px;}
.right-img {
    display: block;
    float: right;
    overflow: auto;
    border-right: 0px solid transparent;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 10px 0px 12px 10px;
}

/*========== MISC ==========*/
.title-bar {display: block;font-family: helvetica,arial;background: #0099CC;color: #FFFFFF;width: 100%;height: auto;text-align: center;padding: 12px;margin: 0 auto;}
.download-wrap {display: block;width: 100%;max-width: 360px;height: auto;background: #EEEEEE;padding: 15px;margin: 0px auto 20px;}
.download-wrap img {display: block;width: 100%;height: auto;padding: 0px;margin: 0 auto;}

/*========== HOME ==========*/
.home-bk {color: #EEEEEE;}
.home-bk h1 {display: inline-block;float: right;font-size: 80px;background: #009999;color: #FFFFFF;padding: 30px;margin: 0px;opacity: 0.7;filter: alpha(opacity=70);}
.side-text {color: #666666;text-align: center;font-size: 16px;font-family: 'Lato', sans-serif;max-width: 360px;margin: 15px auto 30px;}
.about {padding: 60px 15px 80px;}
.about h1 {color: #006699;}
.board li {list-style: none;}

/*========== CLIENTS ==========*/
.clients-bk {color: #EEEEEE;}
.clients-bk h1 {display: inline-block;float: right;font-size: 80px;background: #009999;color: #FFFFFF;padding: 30px;margin: 0px;opacity: 0.7;filter: alpha(opacity=70);}
.clients {padding: 60px 15px 60px;}
.clients h1 {color: #006699;}

/*========== HOUSING ==========*/
.housing-bk {color: #EEEEEE;}
.housing-bk h1 {display: inline-block;float: right;font-size: 80px;background: #009999;color: #FFFFFF;padding: 30px;margin: 0px;opacity: 0.7;filter: alpha(opacity=70);}

/*========== CONTACT ==========*/
.contact-bk {color: #EEEEEE;}
.contact-bk h1 {display: inline-block;float: right;font-size: 80px;background: #009999;color: #FFFFFF;padding: 30px;margin: 0px;opacity: 0.7;filter: alpha(opacity=70);}

/*========== BASE ==========*/
.base {display: block;border-bottom: none;background: #D5EAFF;width: 100%;max-width: 1920px;height: auto;padding: 40px 0px 40px;margin: 0 auto;box-shadow: inset 0px 0px 15px #002200;}
.base p {font-family: helvetica,arial;font-size: 24px;color: #555555;letter-spacing: 1px;text-align: center;padding: 150px 30px 150px;margin: 0 auto;}
.base address {display: block;background: #003955;color: #FFFFFF;letter-spacing: 1px;font-size: 14px;font-family: 'Lato', sans-serif;padding: 30px;margin: 0 auto;opacity: 0.70;filter: alpha(opacity=70);}
.base img {display: block;width: 100%;max-width: 300px;height: auto;padding: 0px;margin: 0px;}
.base-bk {
	min-height: 400px;
	background: url(../images/base-bk.jpg) no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*========== FOOTER ==========*/
footer {display: block;background-color: #006699;width: 100%;max-width: 1920px;height: auto;padding: 0px;margin: 0 auto;}
footer p {font-family: helvetica,arial;font-size: 14px;color: #EEEEEE;letter-spacing: 2px;text-align: center;padding: 60px;margin: 0 auto;}

/*========== CELL ==========*/
@media only screen and (max-width : 768px){
.burger {opacity: 1.0;filter: alpha(opacity=100);}
.download-wrap {margin-bottom: 20px;}
.base img {display: block;width: 100%;max-width: 300px;height: auto;padding: 0px;margin: 0 auto 20px;}
.mobile {padding: 0px;margin: 60px auto 0px;}
	}
@media only screen and (max-width : 480px){
	p,ul,li,blockquote,address {font-size: 16px;color: #444444;line-height: 170%;font-family: 'Merriweather', serif;margin: 20px 0px 20px;}
	h1 {font-size: 40px;}
	header h2 {letter-spacing: 9px;}
	.right-img {float: none;text-align: center;margin: 10px auto;}
	.home-bk h1 {font-size: 40px;padding: 20px;}
	.logo-solo {margin: 20px auto 20px;}
	.clients-bk h1 {font-size: 40px;padding: 20px;}
	.housing-bk h1 {font-size: 40px;padding: 20px;}
	.contact-bk h1 {font-size: 40px;padding: 20px;}
	.housing-bk {background: none, url(../images/housing-bk.jpg) no-repeat left center scroll;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	ul.top-nav {display: none;}
	}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}