main{
    padding: 20px 200px;
    font-family: Roboto, sans-serif;
}
main h1{
    font-size: 3em;
}
main h1, main h2{
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
}
main p{
    text-indent: 24px;
}

.marked_block{
    padding: 12px 20px;
    background-color: #2d3041;
    color: white;
    border-radius: .2rem;
}

.main_img{
    width: 100%;
    height: 400px;
    border-radius: .5rem;
    overflow: hidden;
}
.main_img:hover img{
    transform: scale(1.05);
}
.main_img img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: .5s;
}

main .social_networks{
    display: flex;
    justify-content: center;
    gap: 20px;
}
main .social_networks{
    color: #2d2d2d;
    font-size: 2em;
}

main .social_networks .facebook:hover i{color: #1877F2}
main .social_networks .whatsapp:hover i{color: #25D366}
main .social_networks .viber:hover i{color: #665CAC}
main .social_networks .telegram:hover i{color: #0088CC}

/*                                                       . . : : MEDIA : : . .*/

@media screen and (max-width: 1441px) {
    main{
        padding: 20px 100px;
    }

}
@media screen and (max-width: 1025px) {
    main{
        padding: 20px 100px;
    }

}
@media screen and (max-width: 769px) {
    main{
        padding: 20px 80px;
    }

}
@media screen and (max-width: 541px) {  /*  for Safai (Surface Duo) */
    main{
        padding: 20px 60px;
    }

}
@media screen and (max-width: 426px) {
    main{
        padding: 20px 30px;
    }

}
@media screen and (max-width: 376px) {

}
@media screen and (max-width: 321px) {
    main{
        padding: 20px 20px;
    }
    main h1{
         font-size: 2.8em;
     }

}

/*                                                       . . : : Dynamic Classes : : . .*/
.text-center{
    text-align: center;
}