@media screen and (max-width:1200px){
        .main-top__left{
                margin-left: 1rem;
        }
}
@media screen and (max-width:999px){
        .main-bottom__icons{
                gap: 2rem;
        }
        .main-bottom__icon {
                width: 17%;
            }
        .main-middle__img {
                width: 100%;
            }
            .main-top__right{
                gap: 1rem;
            }
            .main-right__info{
                gap: 0.5rem;
            }
            .footer-bottom__middle{
                margin-left: -7rem;
            }
            .info__title{
               font-size: 1.6rem;
            }
            .info__text{
                font-size: 1.2rem;
            }
}
@media screen and (max-width:730px){
        .main-top__right{
                width: 80%;
        }
        .link__title {
                font-size: 1.4rem;
        }
        .link__text{
                font-size: 1.4rem;
        }
        .main-bottom__icon {
                width: 15%;
        } 
        .footer-bottom__middle{
                margin-left: -3rem;
        }
            .footer-bottom__middle{
                gap: 3rem;
        }

}
@media screen and (max-width: 600px) {
        .header-top__context,
        .header-bottom__context,
        .main-bottom__context{
                width: 70%;
        }
        .header-top__links{
                flex-direction: column;
        }
        .header-top__link{
                width: 90%;
                margin: auto;
        }
        .main__top{
                flex-direction: column;
        }
        .main-top__right{
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 3rem;
        }
        .main-right__info{
                text-align: center;
                margin: auto;
        }
        .main-bottom__links{
                flex-direction: column;
                gap: 3rem;
                width: 60%;
        }
        .main-bottom__link{
                margin: auto;
        }
        .main-bottom__icons {
                flex-direction: column;
                gap: 3rem;
                margin: auto;
        }
        .main-bottom__icon{
                width: 60%;
                margin: auto;
        }
       .footer-top__links{
               flex-direction: column;
       }
       .footer-top__link{
               margin: auto; 
               width: 90%;
       }
       .footer__bottom{
               flex-direction: column;
               gap: 2.5rem;
       }
       .footer-bottom__img{
        
       }
       .footer-bottom__middle{
                flex-direction: column;
                gap: 1rem;
                text-align: center;
                margin: auto;
       }
       .footer-bottom__text{
                margin: auto;
       }
       .footer-bottom__right{
                display: flex;
                justify-content: center;
                gap: 3rem;
                
       }
         
        
}
@media screen and (max-width: 400px) {
        .header-top__title{
                font-size: 2.6rem;
        }
        .main-middle__title{
                font-size: 2rem;
        }
        .link__title{
                font-size: 1.3rem;
        }
        .footer-top__title{
                font-size: 2rem;
        }


}