#visMobile{ display:none }
@media only screen and (max-width: 768px){
.lcontent{ display:none }
#visMobile{ display:block }
.custom-text.mtop10{ margin-top:10px }
#side-left{ display:none !important}
#side-right{ display:none !important}
.noscroll { overflow-y:hidden !important }
section{ padding:10px } 
    .contentText { padding:20px 20px !important; text-align: center; font-size:20px} 
    .text-content {		  padding: 20px 20px;		  text-align: center;		  font-size: 25px;	}
#header-bottom-1.open {  background-color: #fff !important;	}

}

.hero{ background-size:cover; background-repeat:no-repeat; background-position:center; cursor:pointer;border-bottom:4px solid #ccc;border-right:4px solid #ccc; height:90vh; }
.hero::before { content: ''  !important;  position: absolute  !important;  top: 0  !important;  left: 0  !important;  width: 100%  !important;  height: 100%  !important;  z-index: 2;  background-color: rgba(0,0,0,0.3) !important;}
.portfolio-info {	opacity: 1;	bottom:0px !important;}
@media only screen and (max-width: 768px){   
.portfolio-info h4 a {	margin-bottom:0px !important;}
.hero:hover:before {   background-color: rgba(0,0,0,0) !important;}
.hero { 
height: 70vh !important;
margin-bottom:5px;
border:none !important;
}  }  






@media (min-width: 1400px){
.block, .blocks > * {  margin-bottom: 60px; }
}

.text-headline::before {  padding-right: 3px;  display: inline-block;  content: '—';}
.text-headline {  text-transform: uppercase;  letter-spacing: .3px; font-family: 'Gotham', 'Arial'; }
H1, H2, H3, H4, H5, H6 {
clear: both;
font-weight: 300; font-size:11px;
margin-top: 0;
margin-bottom: 0; font-family: 'Gotham', 'Arial'; 
}
.text-headline::before {
padding-right: 3px;
display: inline-block;
content: '—';
}

@media (min-width: 1024px)
MAIN.works .works-grid .work:nth-child(2n+1) {
padding-right: 110px;
}
MAIN.works .works-grid .work:nth-child(2n+1) {
padding-right: 45px;
width: 60%;
}

MAIN.works .works-grid .promotion {
position: relative;
}
@media (min-width: 1024px)
MAIN.works .works-grid .work {
padding-bottom: 120px;
}
MAIN.works .works-grid .work {
padding-bottom: 45px;
align-self: center;
} 
MAIN.works .works-grid .position-0 .wrapper {
padding-bottom: 80px;
}
}

.img-wrapper {  padding-bottom: 70.7692307692%;  display: block;  height: 0;  overflow: hidden;  width: 100%;
position: relative;  /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);*/  background-color: transparent;}
.img-wrapper > IMG {  z-index: 1;  display: block;  width: 100%;  height: 100%; left: 0;  position: absolute; /* object-fit: cover;  font-family: "object-fit: cover"; */ object-position: center center;}

.lazyload, .lazyload-persist, .lazyloaded {  transition: opacity .5s;}
.lazyloaded {   opacity: 1 !important;}

MAIN.works .works-grid .promotion .title {  margin-top: 5px;}

.text-tiny {  font-size: 11.5px;  letter-spacing: .2px;  line-height: 19px;}
.text-left h4 a{font-family: "Athena", sans-serif; font-size: 0.85rem; font-weight:300 !important;color: #6a4e40; letter-spacing: 0.5px; margin-bottom: 4px;   text-transform:uppercase; color: #333 !important;
  font-size: .85rem !important; text-decoration: none;
  font-family: "Athena", sans-serif !important;
  font-weight: 400 !important;} 
  a { text-decoration:unset !important; }
  a span { text-decoration:none }
  

._mt10{ margin-top:10px }
._imgWrapper{ height: auto !important; padding-bottom: unset;}
._position-0{padding-left:40px;align-self: flex-end;}
._allright{ float:right; text-align:right }
._mt40meno{ margin-top:-40% }
._pb0{ padding-bottom:0px }
._m30mob{ margin-top:30% }
.visible-xs{ display:none }
.hidden-xs{ display:block }
.mtop100App{ margin-top:70px }
@media only screen and (max-width: 768px){  
._mt40meno{ margin-top:10% }
._m30mob{ margin-top:0% }
.visible-xs{ display:block }
.hidden-xs{ display:none }


}