/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.main-footer{
    padding-block: clamp(40px, 7vw, 136px) clamp(32px, 4vw, 55px);
}
.main-footer--wrapper{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.main-footer--logo{width: 215px;}
.main-footer--links{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 3px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 65px auto;
    grid-template-columns: auto auto;
    grid-gap: 104px 65px;
    padding-right: clamp(2rem, 6vw, 100px)
}
.footer-group h3{
    font-size: 15px;
    letter-spacing: .75px;
    margin-bottom: 22.5px;
    font-weight: 700;    
}

.footer-social{
    gap: 18px;
}

@media screen and (max-width: 1120px) {
    .main-footer--links{padding-right: 0;}
    .main-footer--logo{width: 180px;}
}
@media screen and (max-width: 920px) {
    .footer-group h3{margin-bottom: 11px;}
    
}
@media screen and (max-width: 840px) {
    .main-footer--logo{width: 142px;}
    .main-footer--links{gap: 3rem;}

}
@media screen and (max-width: 720px) {
    .main-footer--wrapper{
        -webkit-box-orient:  vertical;
        -webkit-box-direction:  normal;
            -ms-flex-direction:  column;
                flex-direction:  column;
        gap: clamp(55px, 7vw, 80px);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .main-footer--links{gap: 2rem 64px;}
}

@media screen and (max-width: 580px) {
    .main-footer--links{margin-right: auto;}
    .footer-contact{-ms-grid-row:  2;-ms-grid-row-span:  1;grid-row:  2 / 3;} 
    .footer-social{-ms-grid-row:  3;-ms-grid-row-span:  1;grid-row:  3 / 4;}   
}

@media screen and (max-width: 520px) {
    .main-footer--links{display: block;}
    .footer-contact{ margin-block: 36px 44px;}
    .footer-social.ig{margin-bottom: 25px;}
}