@media only screen and (max-width:1112px) {
	
	.show-mob{display:block;margin-top:70px;padding-left: 0px; border-top-color: #3D4646;
border-top-width: 1px;
border-top-style: solid;}
	
		.mobile-nav{ transition: 0.4s; display: block;
    float: right;
    font-size: 22px;
    cursor: pointer;
    background: url(../images/hamburger.svg) no-repeat center center;
    color: #fff;
    margin-top: 20px;
    height: 12px;
    width: 100%;
    background-size: contain;
font-weight: 500; margin-bottom: 20px }
    
	.mobile-nav:hover{background: url(../images/hamburger-hover.svg) no-repeat center center;background-size: contain;}
	
    body.home .mobile-nav{color:#fff;}
	
    #main-nav{
		position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000000;
    display: none;
    width: 100vw;
    height: 100vh;
    padding: 0;    transition: opacity 400ms ease 0s;
	}
	
    
	#main-nav ul li{float:none; display: block; margin-left: 8px;
margin-right: 8px; margin-bottom: 25px}
	
    
	#main-nav ul li a{text-align:left; font-size: 19px;
color: #ffffff;
display: block;
margin-left: 30px;
margin-right: 30px;
padding-top: 8px;
padding-bottom: 0px;  border: none; font-weight: 300; border-width: 0px!important; line-height: 40px!important}

#main-nav ul li a:hover,#main-nav li.current-menu-item a,#main-nav ul li a:focus{
	color: #ffffff; text-decoration: underline; text-underline-offset: 5px;
}
	
	#main-nav li ul li a {
font-size: 14px;
padding: 0px;
margin: 0px;
border-bottom: none!important;
}
	#main-nav ul li a:hover {
border: none
}
	
#main-nav li ul li a {
 color: #666666; padding-right: 17px;
padding-left: 17px;
}


	.menu-header{display:none; padding-top:50px;}
	
		.close-mob{       position: fixed;
    left: auto;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 60000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 68px;
    height: 62px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer;}
	
	.close-mob img{width:16px;}
	
	.menuin{position: relative;
    z-index: 500;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    
    background-color: #050E0E}

#main-nav li ul{
    position: relative;
    width: inherit;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0px;
    padding-bottom: 0;
    visibility: visible;
    opacity: 1;
    margin-left: 0px; border: none!important;
	background:none;
}
	.mobmenu-header {margin-bottom:30px; margin-top: 20px}

	
#main-nav ul li.current-menu-item a {
color: #ffffff;
}

    #menulogo{position: absolute; left:30px; top: 20px;  text-align: left}
 #menulogo img{width: 70%; height: auto}
    
    
        #menucontact{position: relative; left:35px; top: 20px;  text-align: left; color: #ffffff; border-top-color: #3D4646;
border-top-width: 1px;
border-top-style: solid; padding-top: 15px; margin-top: 15px; font-size: 15px}
	
    #menucontact li{list-style: none} 
    
}








@media only screen and (max-width:1112px) {
	
	
    
    .shiftup {
margin-top: 0px;
}
    
    
    #headerwrap {
padding-bottom: 0px;  border-bottom-color: #E6D6D6; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0px; padding-top: 30px
}
    
    .scrolled {

    padding-bottom: 0px !important;
}
    
    
    
        #headerwrap .wrap{
padding-left: 0px; padding-right: 0px
}
    
    
    
    
    #centredlogo {
padding-top: 0px; border-bottom-color: #E6D6D6; border-bottom-width: 1px; border-bottom-style: solid; padding-left: 8%; padding-right: 8%; padding-bottom: 5px; float: none; width: 85%; text-align: center
}
    
    
    h1 {
font-size: 40px;
line-height: 45px;
}
    
        h2 {
font-size: 40px;
line-height: 45px;
}
  
    
    .mobile-only{display:block!important}
.desktop-only{display:none!important}

    
.paddingtop {
padding-top: 50px;
}
  
    
    .paddingbottom {
padding-bottom: 50px;
}
    
    
    .paddingtoplarge {
padding-top: 100px;
}
    
    
    .paddingbottomlarge {
padding-bottom: 100px;
}
    
    
    iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 20px;
    display: block;
}
    
    
    #single-project-header.layout-complex .project-header-text {
padding-top: 40px
}
    
  
    
    .project-left-inner {
    padding: 30px;
}
   
    
    .featured-project-category {
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    margin-bottom: 40px;
    padding-right: 10px;
    font-size: 14px;
}
  
    .project-arrows {
    bottom: 30px;
    right: 20px;
}
    
    
    #featured-carousel{margin-top: 30px}
}




@media only screen and (max-width:850px) {
    
    .project-left, .project-right {
    width: 100%;
}
    
       .project-right {
 min-height: 300px
}
    
    .project-excerpt {
    margin-bottom: 10px;
}
    
    .project-excerpt {
    margin-bottom: 10px;
    max-width: 100%;
}
}





@media only screen and (max-width:768px) {
	
    
    .home h1 {
    font-size: 32px;
    line-height: 37px;
}
    
        .paddingtoplarge {
padding-top: 40px;
}
    
    
    
        .paddingbottomlarge {
padding-bottom: 20px;
}
    
#footer-one-inner {
grid-template-columns: 1fr;
gap: 10px;
}


    #footer-small-print {
text-align: left;
font-size: 13px;
line-height: 18px;
}
    
    
    #footer-small-print a {
margin-left: 0px; margin-right: 10px
}
    
}






@media only screen and (max-width:767px) {
	
	
    
        h1 {
font-size: 30px;
line-height: 35px;
}
    
    
    h2 {
font-size: 30px;
line-height: 35px;
}
    
    .box {
padding-top: 30px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 15px;
}
    
    #footer-one-inner {
padding-top: 30px;
padding-bottom: 30px;

}
    
    .paddingtopsmall{padding-top:15px}
.paddingbottomsmall{padding-bottom: 15px}
    
    
}







@media only screen and (max-width:480px) {

    
        .home h1 {
    font-size: 26px;
    line-height: 32px;
}
    
        .box {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 5px;
}

    
    .paddingtop {
padding-top: 30px;
}
  
    
    .paddingbottom {
padding-bottom: 30px;
}
    
    
    h5 {
font-size: 10px;
line-height: 11px;
}
    
    h3 {
font-size: 30px;
line-height: 30px;
}
}




@media only screen and (max-width:320px) {

	
}