html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b { font-weight: bold; }
em, i { font-style: italic; }

@font-face {
    font-family: 'MuseoSans_500';
    src: url('fonts/MuseoSans_500.eot');
    src: url('fonts/MuseoSans_500.eot') format('embedded-opentype'),
         url('fonts/MuseoSans_500.woff2') format('woff2'),
         url('fonts/MuseoSans_500.woff') format('woff'),
         url('fonts/MuseoSans_500.ttf') format('truetype'),
         url('fonts/MuseoSans_500.svg#MuseoSans_500') format('svg');
}
@font-face {
    font-family: 'MuseoSans_700';
    src: url('fonts/MuseoSans_700.eot');
    src: url('fonts/MuseoSans_700.eot') format('embedded-opentype'),
         url('fonts/MuseoSans_700.woff2') format('woff2'),
         url('fonts/MuseoSans_700.woff') format('woff'),
         url('fonts/MuseoSans_700.ttf') format('truetype'),
         url('fonts/MuseoSans_700.svg#MuseoSans_700') format('svg');
}
@font-face {
    font-family: 'MuseoSans_900';
    src: url('fonts/MuseoSans_900.eot');
    src: url('fonts/MuseoSans_900.eot') format('embedded-opentype'),
         url('fonts/MuseoSans_900.woff2') format('woff2'),
         url('fonts/MuseoSans_900.woff') format('woff'),
         url('fonts/MuseoSans_900.ttf') format('truetype'),
         url('fonts/MuseoSans_900.svg#MuseoSans_900') format('svg');
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body { font-family: 'MuseoSans_500', sans-serif; font-size: 18px; line-height: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #333333;}
body.logged-in { margin-top: -32px; }
.container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -500px; }
.group:after { content: ""; display: block; clear: both;  }
.center { width: 100%; margin: 0 auto; }
.center1080 { max-width: 90%; }
.center1030 { max-width: 85.83%; }
.center980 { max-width: 81.6%; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; }
.left,
.alignleft { float: left; }
.right,
.alignright { float: right; }
.btn-transparant,
.btn-grey,
.footer a,
.bg-blue,
.bg-green,
.bg-red,
.services .col img,
.pager ul li,
.pager ul li a,
.header .logo,
.header .main-nav,
.header .contact ul li  { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

/*form reset*/
input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }
input[type="text"],
input[type="email"],
input[type="submit"],
input[type="tel"],
textarea { -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none;  }
button {-webkit-appearance: none; -moz-appearance: none; }
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {-webkit-box-shadow: inset 0px 0px 1px #C1C1C1; -moz-box-shadow: inset 0px 0px 1px #C1C1C1; box-shadow: inset 0px 0px 1px #C1C1C1; padding: 1px 0 0 7px; text-transform: none; color: #666666; height: 28px; background:#ffffff; border: 1px solid #c6c6c6;  }
input[type="submit"] { cursor: pointer; }

.bg-blue { background: #009fe3; }
.bg-blue:hover { background: #0DACF0;  }
.bg-blue p { color: #07506f; }
.bg-green { background: #00885b; }
.bg-green:hover { background: #0D9568; }
.bg-green p { color: #014e34; }
.bg-red { background: #dc2f34; }
.bg-red:hover { background: #E93C41; }
.bg-red p { color: #700404; }

.btn-transparant { padding: 0 30px; width: auto; min-width: 285px; height: 60px; display: inline-block; border: 2px solid #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #fff; text-align: center; line-height: 59px; text-transform: uppercase; background: transparent;}
.btn-transparant:hover { border-color: #009fe3; color: #009fe3;  }
button.btn-transparant { padding-bottom: 1.5px;  font-size: 22px; line-height: 1; height: 50px; margin: 0 auto; }
.btn-blue,
.btn-grey { padding: 0 14px; display: inline-block; background: #e8e8e8; color: #999999; text-transform: uppercase; height: 48px; line-height: 49px;  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;text-decoration: none;}
.btn-blue,
.btn-grey:hover { background: #0099cc; color: #fff !important;}
.btn-blue:hover {background: #e8e8e8; color: #999999 !important; text-decoration: none !important; }

#main-nav-desktop ul li a { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; position: relative; overflow: hidden;  }
#main-nav-desktop ul li a:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #009fe3; height: 4px;-webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#main-nav-desktop ul li.current-menu-item a:before, 
#main-nav-desktop ul li a:hover:before, 
#main-nav-desktop ul li a:focus:before, 
#main-nav-desktop ul li a:active:before { left: 0; right: 0; }

a { text-decoration: none;  }
a:focus { outline: none; }
p,
ul,
ol { margin-bottom: 35px; }
h1 { margin-bottom: 28px; font-size: 48px; font-family: 'MuseoSans_900', sans-serif; color: #009fe3; text-transform: uppercase; }
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-size: 24px; font-family: 'MuseoSans_500', sans-serif; color: #0099cc;}
.header { height: 126px; overflow: hidden; background: #fff; z-index: 5; -webkit-transform: translate3d(0px,0px,0px);}
.header .center {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
.header .center::after {
    content: none;
}
.header .logo { padding: 23px 0 30px; width: 30%; }
.header .logo img { display: block; width: 100%; }
.header .main-nav { padding: 72px 0 20px; }
.header .main-nav ul li { margin: 0 10px; display: inline-block; }
.header .main-nav ul li:last-child { margin-right: 0; }
.header .main-nav ul li a { padding: 0 0 10px 0; font-family: 'MuseoSans_700', sans-serif; color: #000000; text-transform: uppercase; font-size: 18px;}
.header .main-nav ul li a.current-menu-item {color: #0099cc;}
.header .contact { position: absolute; right: 0; top:0;}
.header .contact ul li { display: inline-block; background-color: #0099cc; text-align: center; line-height: 35px; font-size: 18px;}
.header .contact ul li:hover { background-color: #0DA6D9; }
.header .contact ul li a { font-family: 'MuseoSans_700', sans-serif; color: #fff; }
.header .contact .phone,
.header .contact ul li:first-child { width: 180px; height: 35px; background-image: url('../../assets/img/icon-phone.png'); background-repeat: no-repeat; background-position: 12px center; }
.header .contact .phone a,
.header .contact ul li:first-child a { padding-left: 28px;  }
.header .contact .contact-link,
.header .contact ul li:last-child { width: 120px; height: 35px; text-transform: uppercase;}
.header-visual img { width: 100%; }
.is-sticky .header { -webkit-box-shadow: 0 6px 4px -2px rgba(128, 128, 128, 0.5);  -moz-box-shadow: 0 6px 4px -2px rgba(128, 128, 128, 0.5); box-shadow: 0 6px 4px -2px rgba(128, 128, 128, 0.5); }

 
 
.menu-toggle { display: none; }
.menu-toggle { position: absolute; right: 0; top: 55px; width: 45px; height: 45px; background: url('../../assets/img/icon-menu.png') no-repeat; background-size: 45px 45px;  text-indent: -9999px;}
#main-nav-mobile.mm-opened{ z-index: 1000; -webkit-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.3); background:#0099cc;}
.mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span { font-size: 18px; line-height: 200%; color: #fff;}
.mm-menu.mm-multiline .mm-listview > li > a.current-menu-item {color: #fff; }
.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a { color: #fff; }

.bx-wrapper { margin: 0 auto; }
.bx-wrapper .bx-viewport { left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none;} 
.bx-wrapper img { width: 100%; }
.bx-wrapper .slide-text { margin-top: -168px; position: absolute; top: 50%; left: 7.085%; width: 49.4%; z-index: 2; min-height: 336px; max-width: 535px; }
.bx-wrapper .slide-text h1 { color: #fff; }
.bx-wrapper .slide-text p { margin-bottom: 40px; color: #fff; font-size: 24px;}
.bx-wrapper .bx-controls-direction a { margin-top: -23px; background-image: url('../../assets/img/bx-controls.png'); width: 47px; height: 46px;}
.bx-wrapper .bx-controls-direction a:hover { opacity: .8; }
.bx-wrapper .bx-controls-direction a.bx-prev { background-position: left center; }
.bx-wrapper .bx-controls-direction a.bx-next { background-position: right center; }
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto { bottom: 34px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #009fe3; }

.breadcrumbs { padding: 18px 0 15px 0; text-align: right;  }
.breadcrumbs a,
.breadcrumbs span { padding-left: 3px; padding-right: 4px; font-size: 14px;  }
.breadcrumbs span { display: inline-block; color: #666666; font-family: verdana, sans-serif; }
.breadcrumbs span:last-child { background: none; }
.breadcrumbs span.scheidingsteken { padding-left: 0; padding-right: 0; width: 6px; height: 10px; background: url('../../assets/img/scheidingsteken.png') no-repeat; background-position: right 60%;   }
.breadcrumbs a { color: #666666;  }
.breadcrumbs a:hover { color: #0099cc; }

.col1 { width: 100%; margin-bottom: 60px; }
.col1 ul { list-style-type: disc; padding-left: 0; }
.col1 li { margin-left: 1em; }
.col1 p,
.col1 li { line-height: 133%; }
.col1 a { color: #0099cc; }
.col1 a:hover { text-decoration: underline; }
.cols2 .col { position: relative; padding: 32px 37px; width: 50%;  min-height: 370px; }
.cols3 .col { position: relative; padding: 35px 40px; width: 33.33%; height: 400px; overflow: hidden; text-align: center; }
.cols3 .col figure { margin-bottom: 16px;  }
.cols3 .col p { margin-bottom: 35px; }
.cols3 .col .btn-transparant { border: 2px solid rgba(255, 255, 255, 0.5); cursor: pointer; }
.cols3 .col .btn-transparant:hover,
.cols3 .col:hover .btn-transparant { border: 2px solid #fff; color: #fff; }
.cols5 .col { width: 20%; }
.col .action-button { position: absolute; bottom: 43px; left: 0; width: 100%;}
.projects .col .action-button { bottom: 50px; }
.col .action-button .btn-grey { margin-right: 35px; }
.col-image { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.col-image img { width: 100%; display: none; min-height: 380px; }
.col h2 { margin-bottom:  28px; }
.col p,
.col li { line-height: 133%; }
.owl-carousel { position: absolute; bottom: 40px; left: 0; padding: 0 30px 0 10px;}

.projects .col { min-height: 400px; }
.projects .col:first-child { padding-left: 5%; padding-top: 75px; }
.projects .case:first-child {  padding-top: 67px;  }

.services-title { margin: 0 0 83px 0; text-transform: uppercase;  text-align: center;  width: 100%; height: 18px; border-bottom: 1px solid #c7cbcc; }
.services-title span { font-size: 24px; color: #cccccc; background-color: #fff; padding: 0 35px; }
.services { border-bottom: 1px solid #c7cbcc;  }
.services .section-title { margin-bottom: 55px; }
.services .col img { width: 100%; }
.services .col:hover img { opacity: 0.7; }
.services .col { margin-bottom: 20px; padding: 0; width: 31.6%; margin-right: 2.59%; min-height: 340px; height: auto; }
.services .col:last-child { margin-right: 0;  }
.services .col h2 { margin-bottom: 12px; }
.services .col p { margin-bottom: 1px; color: #333333;}
.services .col p a { color:#3cb1d8; }
.services .col p a:hover { text-decoration: underline; }
.services .col .read-more {color:#3cb1d8;}
.services .col:hover .read-more { text-decoration: underline; } 

.content-page h1 { font-size: 30px; margin-bottom: 40px; }
.content-page .col1,
.project-overview { margin-bottom: 70px; }
.project-overview {border-bottom: 0; }

ul.page-numbers { margin: 60px 0; text-align: center; }
ul.page-numbers li { display: inline-block; color: #999999;}
ul.page-numbers li a,
ul.page-numbers li span { display: block; padding: 2px 8px; font-size: 15px; color: inherit; background: #e8e8e8;}
ul.page-numbers li a:hover,
ul.page-numbers li span:hover,
ul.page-numbers li .current { background: #0099cc; color: #fff; }

ul.page-numbers li a.next,
ul.page-numbers li a.prev { padding: 2px 0; display: inline-block; text-indent: -9999px; background-color: #fff; background-image: url('../../assets/img/icon-breadcrumb.png'); background-repeat: no-repeat; width: 10px; height: 23px; }
ul.page-numbers li a.next:hover,
ul.page-numbers li a.prev:hover {background-color: #fff;}
ul.page-numbers li a.prev { background-position: 0 0; }
ul.page-numbers li a.next { background-position: -10px 0; }

.footer, .push { height: 500px; }
.footer { padding: 65px 0 70px 0; background: #333333; position: relative;}
.footer a { color: #ffffff; font-family: arial, sans-serif; font-size: 16px; line-height: 1.875;  }
.footer a:hover { color: #0099cc; }
.footer .footer-bottom { width: 100%; position: absolute; left: 0; bottom: 0; }
.footer .footer-bottom p { margin-bottom: 25px; font-family: arial, sans-serif; font-size: 14px; color: #999999; text-align: right; }
.footer .footer-bottom p a { color: #999999; font-size: inherit; }
.footer h6 { margin: 0 0 5px 0; font-size: 20px; font-weight: bold; }
.footer .facebook-icon { width: 40px; height: auto; margin-top: 15px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }
.footer .facebook-icon:hover { opacity: .8; }

form { padding: 10px 0 70px 0; width: 100%; max-width: 800px; }
form p { margin: 0; }
form input[type="text"],
form input[type="email"],
form input[type="tel"], 
form textarea { margin-bottom: 15px; padding-left: 25px; width: 100%; height: 60px; font-family: 'MuseoSans_500', sans-serif; font-size: 20px; color: grey; letter-spacing: .5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form textarea { padding-top: 15px; height: 180px; }
form input[type="submit"] { float: right; width: 250px; height: 55px; background: #0099cc; color: #fff; text-transform: uppercase; font-size: 20px; border: none; font-family: 'MuseoSans_700', sans-serif;line-height: 55px;}
form input[type="submit"]:hover { background-color: #0DA6D9; }
form span.wpcf7-not-valid-tip { display: none; }
form input.wpcf7-not-valid { border: 2px solid red; }
form div.wpcf7-validation-errors { color: red; border: none; margin: 0; padding-left: 0; padding-right: 0; }
form div.wpcf7-mail-sent-ok { border: none; margin: 0; padding-left: 0; color: green; } 

.header-visual iframe { width: 100%; }

.photo-gallery { margin-bottom: 40px; }
.photo-gallery a { display: block; float: left; width: 18%; margin-right: 2.5%; margin-bottom: 2.5%; }
.photo-gallery a:nth-child(5n) { margin-right: 0; }
.photo-gallery a:nth-child(5n+1) { clear: both; }
.photo-gallery a img  { width: 100%; height: auto; }

.contact-content .col-left,
.contact-content .col-right { width: 50%; }
.contact-content .col-right { width: 50%; }
.contact-content .col-left { padding-right: 5%; }
.contact-content .col-right { padding-right: 10%; padding-top: 78px; }


.owl-item .logo {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 31%;
}

.owl-item .logo img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media screen and ( min-width: 1280px ) {
    h1 { font-size: 3.75vw; }
    .content-page h1 { font-size: 2.34vw; }
    h2, h3, h4, h5, h6 { font-size: 1.88vw; }
    li,
    p,
    .services .col .read-more,
    .header .main-nav ul li a,
    .btn-transparant,
    .btn-grey { font-size: 1.41vw;  }
    .btn-transparant { line-height: 56px;  } 
    button.btn-transparant { font-size: 1.72vw; }
    .bx-wrapper .slide-text { max-width: none; width: 40.4%; }
    .bx-wrapper .slide-text p { font-size: 1.88vw; } 
}

@media screen and ( min-width: 1400px ) {
    .header .main-nav ul li {margin: 0 15px;  }
    .cols3 .col { height: 435px; }
    .cols3 .col figure { margin-bottom: 25px; }
    .projects .col { min-height: 435px; }
    .cols2 .col { min-height: 425px; }
    .project-overview .col { height: auto !important; }
} 

@media screen and ( min-width: 1600px ) {
    .header .main-nav ul li { margin: 0 20px; }
    .cols2 .col { min-height: 435px; }
    .projects .col { min-height: 465px; }
    .cols3 .col { height: 465px; }
    .cols3 .col figure { margin-bottom: 35px; }
    button.btn-transparant { font-size: 28px; }
    .footer a { font-size: 17px; }
    .bx-wrapper .slide-text { min-height: 474px; margin-top: -237px; }
    .owl-carousel .owl-item img { width: auto; margin: 0 auto;}

} 

@media screen and ( min-width: 1700px ) {
    h1 { font-size: 68px; }
    .content-page h1 { font-size: 39px; }
    h2, h3, h4, h5, h6 { font-size: 33px; } 
    .header .main-nav ul li a,
    li,
    p,
    .bx-wrapper .btn-transparant,
    .btn-grey,
    .services .col .read-more { font-size: 23px; }   
    .bx-wrapper .slide-text p { font-size: 34px; }
    .cols2 .col { min-height: 465px; }
    .projects .col { min-height: 495px; }
    .cols3 .col figure { margin-bottom: 45px; }
    .breadcrumbs a, .breadcrumbs span { font-size: 16px; }
    .header .logo {padding: 19px 0 30px;}

} 

@media screen and ( max-width: 1350px ) {
    .header .logo { padding: 33px 0 30px; }
    .header .main-nav ul li a { font-size: 16px; }
    .photo-gallery a {  width: 23.125%; }
    .photo-gallery a:nth-child(4n) { margin-right: 0; }
    .photo-gallery a:nth-child(4n+1) { clear: both; }
    .photo-gallery a:nth-child(5n) { margin-right: 2.5%; }
    .photo-gallery a:nth-child(5n+1) { clear: none; }
    .contact-content .col-right {  padding-top: 75px; }
    .footer h6 { font-size: 17px; }
}




@media screen and ( max-width: 1150px ) {
    .projects .col { height: 400px; overflow: hidden; }
    .col .action-button,
    .projects .col .action-button { bottom: 30px; }

}

@media screen and ( max-width: 1100px ) {
    .header .logo { padding: 38px 0 30px;}
    .header .main-nav ul li { margin: 0 8px; }
    .header .main-nav ul li a { font-size: 16px; }
    
}

@media screen and ( max-width: 1024px ) {
    body { font-size: 17px; }
    .menu-toggle { display: block; }
    .main-nav { display: none; }
    .header .logo {
        max-width: calc(100% - 100px);
        width: 500px;
    }
    h1 { font-size: 46px; }
    .bx-wrapper .slide-text p { font-size: 22px; }
    button.btn-transparant { font-size: 20px; }
    .footer a { font-size: 15px; }
    .header { height: auto; }

}

@media screen and ( max-width: 980px ) {
    body { font-size: 16px; }
    h1 { font-size: 44px; }
    .bx-wrapper .slide-text p { font-size: 20px; }
    .btn-transparant { min-width: 0; }
    button.btn-transparant { font-size: 18px; } 
    .projects .col .action-button { position: relative; left: auto; bottom: auto; }
    .projects .col .action-button { bottom: auto; }
    .footer a { font-size: 14px; }
    .projects .col { height: 490px; }
    .col .action-button .btn-grey { margin-right: 0; float: left !important; margin-top: 35px; }
    .footer h6 { font-size: 15px; }
    .footer a { font-size: 13px; }
}

@media screen and ( max-width: 880px ) {
    body { font-size: 18px; }
    .bx-wrapper .slide-text { display: none; }
    .bx-wrapper .bx-prev { left: 25px; }
    .bx-wrapper .bx-next { right: 25px; }
    .cols2 .col { width: 100%; background-image: none !important; min-height: 0; height: auto;}
    .cols2 .col-image { padding: 0 !important; } 
    .col-image img { display: block; min-height: 0; height: auto;}
    .cols3 .col { width: 100%; height: auto; }
    .col .action-button { position: relative; bottom: auto; left: auto; }
    .owl-carousel .owl-item img { width: auto; margin: 0 auto;}
    .projects .col { height: auto; }
    .projects .col:first-child { padding-bottom: 50px; padding-top: 50px;} 
    .footer .footer-bottom p { text-align: center; font-size: 13px;}
    .owl-carousel { position: relative; bottom: auto; left: auto; }
    .services .col { margin-bottom: 40px; }
    .project-overview { margin-bottom: 0px; }
    .pager { margin: 30px 0; }


    .photo-gallery a { width: 31.66%; }
    .photo-gallery a:nth-child(3n) { margin-right: 0; }
    .photo-gallery a:nth-child(3n+1) { clear: both; }
    .photo-gallery a:nth-child(4n) { margin-right: 2.5%; }
    .photo-gallery a:nth-child(4n+1) { clear: none; }
    .contact-content .col-left, 
    .contact-content .col-right { width: 100%; padding: 0; }
    
}

@media screen and ( max-width: 800px ) {
    .is-sticky .header { position: relative !important;  }
    .header .logo { padding: 55px 0 20px; }
    .header .contact ul li { line-height: 30px; }
    .header .contact .phone,
    .header .contact .contact-link { height: 30px;  }
    .footer a { font-size: 13px; }
}

@media screen and ( max-width: 730px ) {
    .footer, .push { height: auto; }
    .cols5 .col { width: 100%; margin-bottom: 20px;}
    .mm-page { z-index: 2; }
    .container { margin: 0 auto; }
    .footer { z-index: 1; }
    .footer a { font-size: 15.5px; }
    p > img { width: 100%; height: auto; }
}

@media screen and ( max-width: 600px ) {
    .photo-gallery a { width: 100%; margin-right: 0; float: none; } 

}

@media screen and ( max-width: 450px ) {
    .header .logo { padding: 60px 0 20px; }
    .cols2 .col,
    .cols3 .col,
    .projects .col:first-child { padding-right: 7.085%; padding-left: 7.085%;}
    .btn-transparant,
    .btn-grey,
    .contactform input[type="submit"] { width: 100%; text-align: center; }
    .center1080  { max-width: 85.83%; }
    .footer { padding-bottom: 10px; }
    .footer .footer-bottom { position: relative; bottom: auto; left: auto; padding-top: 20px; }
    .header .contact .phone, .header .contact .contact-link { font-size: 14px; }
    .footer .footer-bottom p,
    .footer .footer-bottom p a { line-height: 120%; }
    .services .col { padding-left: 0; padding-right: 0; }
    .services-title span { padding: 0; }

}

@media screen and ( max-width: 360px ) {
    h2, h3, h4, h5, h6 { font-size: 22px; margin-bottom: 15px;}
    .services-title span { font-size: 20px; }
    .header .contact .phone { width: 150px !important; }
    .header .contact .contact-link { width: 102px; }
    .breadcrumbs { padding-bottom: 30px; }

}