
#header_part section {
/*   width: 50%;*/
   font-size: 3rem;
   position: relative;
   height: 100vh;
  
}
 .text{
   font-size: 60px;
   top: 23%;
   left: 34%;
 }


@media only screen and (max-width: 1164px) {
   .text{
   font-size: 60px;
   top: 25%;
   left: 25%;
 }
}

@media only screen and (max-width: 1164px) {
   .text{
   font-size: 60px;
   top: 23%;
   left: 25%;
 }
}

@media only screen and (max-width: 912px) {
   .text{
   font-size: 60px;
   top: 25%;
   left: 20%;
 }
}
@media only screen and (max-width: 858px) {
   .text{
   font-size: 40px;
   top: 25%;
   left: 20%;
 }
}

@media only screen and (max-width: 820px) {
   .text{
   font-size: 60px;
   top: 25%;
   left: 16%;
 }
}
@media only screen and (max-width: 768px) {
   .text{
   font-size: 60px;
   top: 25%;
   left: 16%;
 }
}

@media only screen and (max-width: 540px) {
   .text{
   font-size: 60px;
   top: 18%;
   left: 16%;
 }
}
@media only screen and (max-width: 484px) {
   .text{
   font-size: 30px;
   top: 25%;
   left: 10%;
 }
}

@media only screen and (max-width: 414px) {
   .text{
   font-size: 40px;
   top: 25%;
   left: 9%;
 }
}

@media only screen and (max-width: 414px) {
   .text{
   font-size: 40px;
   top: 25%;
   left: 9%;
 }
}
@media only screen and (max-width: 375px) {
   .text{
   font-size: 40px;
   top: 22%;
   left: 10%;
 }
}


.fa-brands {
      text-align: center !important;

          width: 30px;
    height: 30px;
    border: 1px solid #727272;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #727272;
    border-radius: 50%;
     margin-left: 8px;

   }

@media only screen and (max-width: 575px) {
   .footer__inner{
      text-align: center !important;
   }
   .footer__inner .fa-brands {
      text-align: center !important;

          width: 30px;
          height: 30px;
          border: 1px solid #727272;
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #727272;
          border-radius: 50%;


   }

   .footer__style-3 .footer__title:after{
      left: 8.5rem !important;
   }
}
@media only screen and (max-width: 280px) {
   .text{
   font-size: 40px;
   top: 17%;
   left: 7%;
 }
}

.footer__link ul{
   grid-gap:7px !important;
}