.t397__wrapper_mobile {
  background-color: rgba(200,200,200,0.8);
}

h1.main-title {
    font-family: 'FuturaPT',Arial,sans-serif;
    color:#e8e8e8;
    font-size:46px;
    text-transform:uppercase;
    font-weight:700;
    line-height:56px;
    letter-spacing:1px;
}

h1.main-title span {
    font-size:88px;
}

h2.main-title span {
    font-family: 'FuturaPT',Arial,sans-serif;
    color:#e8e8e8;
    font-size:76px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
}

h2.main-title span.about {
    font-family: 'FuturaPT',Arial,sans-serif;
    color:#e8e8e8;
    font-size:62px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:1px;
}

.ymaps-2-1-79-ground-pane {
        -ms-filter: grayscale(1);
    	-webkit-filter: grayscale(1);
    	-moz-filter: grayscale(1);
    	-o-filter: grayscale(1);
    	filter: grayscale(1);
    }
    
    .map-wrapper {
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 1);
    }
    
.shape-map {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#fff;
        mix-blend-mode: difference;
        pointer-events: none;
        z-index:2;
        
    }
    
 @media screen and (max-width: 980px){
h1.main-title {
font-size: 36px;
line-height: 41px;
letter-spacing: 1px;
}

h1.main-title span {
    font-size:76px;
}

}

 @media screen and (max-width: 480px){
h1.main-title {
font-size: 28px;
line-height: 28px;
letter-spacing: 1px;
}

h1.main-title span {
    font-size:51px;
}

}