#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;}