@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');

.social_m_bg{
    background: #ffdeef !important;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    width: fit-content;
    float: right;
}

.prop_1{
  margin-top: 15px;
  color:#fff;
  font-weight: 700;
}


/* =========================================
   SMALL MOBILE
   320px - 374px
========================================= */

@media (min-width: 320px) and (max-width: 374.98px) {

    .res_1{
        margin-top: 10px;
    }
    .res_2{
        font-weight: normal;
    }
    .res_3{
    margin-top: -65px;
    }
    .res_4{
    margin-top: -35px;
    }
    .res_5{
    margin-top: -25px;
    }
}


/* =========================================
   MOBILE
   375px - 575px
========================================= */

@media (min-width: 375px) and (max-width: 575.98px) {
    .res_5{
    margin-top: -25px;
    }
    .res_4{
    margin-top: -35px;
    }
    .res_1{
        margin-top: 10px;
    }
    .res_2{
        font-weight: normal;
    }
    .res_3{
    margin-top: -65px;
    }
}


/* =========================================
   TABLET - PORTRAIT
   576px - 767px
========================================= */

@media (min-width: 576px) and (max-width: 767.98px) {

    .your-class {
        
    }

}


/* =========================================
   TABLET
   768px - 991px
========================================= */

@media (min-width: 768px) and (max-width: 991.98px) {

    .your-class {
        
    }

}


/* =========================================
   LAPTOP / SMALL DESKTOP
   992px - 1199px
========================================= */

@media (min-width: 992px) and (max-width: 1199.98px) {

    .your-class {
        
    }

}


/* =========================================
   DESKTOP
   1200px - 1399px
========================================= */

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .your-class {
        
    }

}


/* =========================================
   LARGE DESKTOP
   1400px and above
========================================= */

@media (min-width: 1400px) {

    .your-class {
        
    }

}