html, body {height:100%;width:100%;margin:0;font-family: 'Open Sans', sans-serif;background: #b4c2d2;}
img{max-width:100%;}
.home-header-wrap{height:50%;width:100%;background: #0d141c; background: radial-gradient(ellipse at center, #2c465b 0%,#0d141c 100%);color:#ffffff;display:flex;flex-direction:column;justify-content:space-between;}
.home-header-wrap h1{font-family:'Open Sans Condensed', sans-serif; font-weight:bold; font-size:54px;margin:0;text-align:center;}
.home-header-wrap h2{font-family:'Open Sans Condensed', sans-serif; font-weight:300;font-size:18px;margin:0;text-align:center;}
.mobile-break{display:none;}
.intro-wrap{}
.top-wrap{margin:10px auto;width:90%;}
.topinfo{line-height:16px;width:100%;font-size:14px; font-weight:300;display:flex;align-items:center;justify-content:space-between;color:#ffffff;}
.contact{display:flex;align-items:center;margin:10px 10px 0 10px;}
.icon{margin:0 5px 0 30px;}
.revicon{margin:0 5px 0 5px;}
.contact a, .footflex a {color:#ffffff;text-decoration:none;}
.dummy{height:90px;}
.footflex{flex-direction:column;justify-content:flex-start;align-items:center;}
.flexcenter{display:flex;align-items:center;margin:3px 0;}
.flexmiddle{display:flex;align-items:center;justify-content:center;}
.presentpage{color:#00c9fd !important; border-top:1px solid #00c9fd;}
.content-wrap{width:90%;margin:-50px auto 0 auto;background-color:#ffffff;}
.content-wrap h3{font-family:'Open Sans Condensed', sans-serif;font-style:italic; font-weight:300;font-size:30px;text-align:center;color:#888888;padding:60px 0 0 0;margin:0;}
.content-gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;padding:50px;box-sizing:border-box;}
.content-gallery-services{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;padding:50px;box-sizing:border-box;}
.gallery-item-169{width:300px;height:169px;margin:10px;transition: 0.2s linear;}
.gallery-item{width:300px;height:250px;margin:10px;transition: 0.2s linear;}
.gallery-item-services{width:100%;height:auto;margin:10px;transition: 0.2s linear;display:flex;}
.gallery-item-services img{max-width:300px;}
.gallery-item-services h2{font-family:'Open Sans Condensed', sans-serif; font-weight: 300;font-size:24px;margin:0 0 15px 0;}
.gallery-item-services p{font-family:'Open Sans', sans-serif; font-weight: 400;font-size:14px;}
.gallery-item-text{font-family:'Open Sans Condensed', sans-serif; font-weight: 300;font-size:24px;padding:6px 10px 6px 6px;font-style:italic;float:left;position:relative;bottom:75px;color:#ffffff;background-color: rgba(0,0,0,0.7);box-sizing:border-box;}
.gallery-item-text-services{font-family:'Open Sans Condensed', sans-serif; font-weight: 300;font-size:24px;padding:6px 10px 6px 6px;font-style:italic;float:left;position:relative;bottom:75px;color:#ffffff;background-color: rgba(0,0,0,0.7);box-sizing:border-box;}
.gallery-item:hover, .gallery-item-169:hover {transform:scale(1.05);filter: brightness(1.25);transition: 0.2s linear;}
.services-text{margin:10px;}
.footer-wrap{background: #0d141c; background: radial-gradient(ellipse at center, #2c465b 0%,#0d141c 100%);color:#ffffff;}
.footer-spacer{width:90%;height:50px;background-color:#ffffff;margin:0px auto;}
.footer-content{width:90%;display:flex;margin:0px auto;}
.footer-left, .footer-right{width:50%;padding:30px 5px;font-size:14px; font-weight:300;margin:10px 0;}
.navbar{width:100%;text-align:right;margin: 10px auto;}
nav > ul {float: right;list-style:none;margin:5px 0;}
nav > ul > li {text-align: center;line-height:30px;margin-left: 70px;font-size:14px;color:#ffffff;margin-left:12px;margin-right:12px; border-top:1px solid rgba(0,0,0,0);}
nav > ul li ul li {width: 100%;text-align: left;}
nav ul li:hover {cursor: pointer; border-top:1px solid #ffffff;}
nav ul li:hover > ul {display: block;}
nav > ul > li > a {cursor: pointer;display: block;outline: none;width: 100%;text-decoration: none;}
nav > ul > li {float: left;}
nav a {color: #ffffff;}
nav > ul li ul {display: none;position: absolute;left: 0;top: 100%;width: 100%;z-index: 2000;}
nav > ul li ul li > a {text-decoration: none;}
[type="checkbox"], label {display: none;}

/* Tablet CSS*/
@media all and (max-width:1023px) and (min-width:769px){

}
/* Mobile CSS*/
@media all and (max-width:768px) and (min-width:0px){

.home-header-wrap{height:auto;}
.home-header-wrap h1{font-size:26px;}
.home-header-wrap h2{font-size:14px;}
.mobile-break{display:block;}
.content-wrap, .navbar, .top-wrap, .footercontent{width:100%;margin:0px auto;}
.icon{margin:0 5px 0 5px;}
.dummy{height:76px;}
.revicon{margin:0 5px 0 5px;}
.topinfo{flex-wrap:wrap;width:100%;margin:10px auto;font-size:12px;}
.content-gallery, .content-gallery-services{padding:10px;}
.footer-spacer{display:none;}
.content-wrap h3 {font-size:20px;padding:20px 0 0 0;}
.gallery-item-services{flex-direction:column;justify-content: center;align-content: center;align-items: center;}
.presentpage{color:#00c9fd !important; border-left:2px solid #00c9fd;border-top:none;}
.footer-content{flex-wrap:wrap;}
.footer-left{width:100%;padding:15px 5px;margin:10px 0;border-right:none;border-bottom:1px solid #ffffff;}
.footer-right{width:100%;padding:5px 5px;}
.footer-wrap{padding-bottom:15px;}
.flexcenter{justify-content:center;}
nav ul {display: none;}
label {display: block;cursor: pointer;float:right;margin:5px 15px;font-size:30px;line-height:30px;}
[type="checkbox"]:checked ~ ul {display: block;z-index: 9999;position: absolute;right: 20px;left: 20px;margin-top:50px;padding:0;border:1px solid #777;}
nav ul li {display: block;float: none;width: 100%;text-align: left;background: #0d141c;text-indent: 25px;border-top:none;}
nav > ul > li {margin-left: 0px;line-height:40px;}
nav > ul li ul li {display: block;float: none;}
nav > ul li ul {display: block;position: relative;width: 100%;z-index: 9999;float: none;}
nav ul li:hover {border-top:none;}

}

/* Ultra-Small Mobile CSS*/

@media all and (max-width:340px) and (min-width:0px){

.topinfo{font-size:10px;}

}