@font-face {
  font-family: Montserrat-Light;
  src: url(../font/Montserrat-Light.otf); /* Путь к файлу со шрифтом */
 }
 body{
       font-family: Montserrat-Light;
 }
#content{
    
    width: 100%;
    height: 100vh;
}
.content-block{
    background-image: url(../img/xx.png);
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #ffffff;
    background-color: #322F31;
    width: 100%;
    height: 100%;
    padding-left: 40px;
    padding-top: 44px;
    padding-right: 40px;
    padding-bottom: 74px;
/*    display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;*/
}
.tipoff{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0 auto;
}
.tipoff-block{
    width: 333px;
    height: 240px;
    display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0 auto;

}
.tipoff-img{
    width: 100%;
    height: auto;
    margin: 0 auto;

}
.bottom{

    color: #ffffff;
    text-align: center;

}

@media screen and (max-width:990px) {
    .tipoff-block{
        width: 100%;
        height: auto;
    }
    .tipoff-img{
        width: 100%;
        height: auto;


    }
    .content-block{
        background-image: url(../img/xx.png);
        background-position: center center;
        background-size: auto 100%;
        background-repeat: no-repeat;
        color: #ffffff;
        background-color: #322F31;
        width: 100%;
        height: 100%;
        padding-left: 40px;
        padding-top: 44px;
        padding-right: 40px;
        padding-bottom: 74px;
        /*    display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;*/
    }

}
