body, html{width: 100%; height: 100%; margin: 0; padding: 0; color: #BA912E;}
h3,h4{margin: 0; padding: 0;}
body{background: url('../images/poligon.png');}
body, *{font-family: Arial, Helvetica, sans-serif; box-sizing: content-box; line-height: 1;}
.web{width: 100%; height: 100%; overflow: hidden; overflow-y: auto;}
.center-bck{padding: 95px 20px 95px; background: #000002; width: 100%; border-top: 10px solid #BA912E; border-bottom: 10px solid #BA912E;}
.mid-cnt{width: 1000px; max-width: 100%; margin: 0 auto;}
.joly-icon img{width: 175px; height: auto;}
.uppercase{text-transform: uppercase;}
.joly-ttl h3{font-size: 55px; font-weight: normal; padding-bottom: 0px; }
.joly-sttl h4{font-weight: normal; font-size: 21.5px; letter-spacing: 21px; padding-bottom: 10px;}
.left-cont-cnt{width: auto; display: inline-block;}
.joly-by{text-align: center; font-style: italic; font-size: 25px;}
.right-col, .left-col{width: 50%;}
.joly-icon{position:relative; top: -185px; margin-bottom: -185px; padding-left: 100px;}
.left-icon{padding-right: 10px;}
.pdb20{padding-bottom: 20px;;}
.bottom-txt{position: absolute; width: 100%; text-align: center; height: auto; bottom: 150px; left: 0;}
.bottom-txt-cnt{width: auto; display: inline-block; padding:10px 15px; background: none; font-size: 35px; letter-spacing: 30px; text-transform: uppercase;}
.left-icon img{width: 25px; height: auto;}
.conatiner{width: 1440px; max-width: 100%; padding: 0 20px;}
.flex{display: flex;}
.full-height{height: 100%;}
.full-width{width: 100%;}
.right-lnk a{text-decoration: none !important; color: #BA912E !important; font-size: 32px;}
.right-lnk a:hover{opacity: 0.6;}
.flex-ac{display: flex; align-items: center;}
.container{padding: 0 20px;}

@media all and (max-width: 1000px){
    .joly-icon img{width: 135px;}
    .center-bck{padding: 60px 0;;}
    .joly-icon{top: -125px; margin-bottom: -125px;}
    .left-icon img{width: 20px;}
    .right-lnk a{font-size: 21px;}
    .joly-sttl h4{font-size: 21px; letter-spacing: 12px;}
    .joly-by{font-size: 21px;}
    .bottom-txt-cnt{font-size: 25px; letter-spacing: 25px;}
    .bottom-txt{bottom: 107px;}
    .mid-cnt{width: 700px;}
    .joly-ttl h3{font-size: 40px; text-align: left;}
    .joly-icon{padding-left: 65px;}
    .bottom-txt-cnt{padding: 10px 15px;}
}
@media all and (max-width: 768px){
    .mid-cnt {display: block;}
    .right-col, .left-col{width: 100%;}
    .right-col{padding-top: 50px; justify-content: center;}
    .right-cnt-itm{display: flex; justify-content: center;}
    .bottom-txt-cnt{letter-spacing: 21px;}
    .right-col, .left-col{text-align: center;}
    .bottom-txt-cnt{padding: 10px;}
    .xs_hide{display: none;}
    .joly-icon{padding-left: 20px;}
}
@media all and (max-width: 480px){
    .right-lnk a{font-size: 18px;}
    .joly-sttl h4{font-size: 18px; letter-spacing: 10px;}
    .joly-by{font-size: 18px;}
    .joly-ttl h3{font-size: 35px;}
    .joly-icon{padding-left: 10px;}
    .bottom-txt-cnt{font-size: 18px; letter-spacing: 15px;}

}
@media all and (max-height: 700px){
    .bottom-txt{bottom: 100px;}
    .bottom-txt-cnt{padding: 10px 15px;}
}
@media all and (max-height: 600px){
    .bottom-txt{position: initial; margin-top: 50px;}
    .web{padding: 100px 0; height: auto; overflow: auto;}
}