@import url('https://fonts.googleapis.com/css2?family=Acme&family=Heebo:wght@100&family=Josefin+Sans:wght@300;400&family=Poppins:wght@800&family=Rubik:wght@700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Acme&family=Heebo:wght@100&family=Josefin+Sans:wght@300;400&family=Poppins:wght@800&family=Rubik:wght@300;700&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.wrapper{
    height:100%;
    background-color: rgb(240, 236, 236);
    width: 100%;
    background-color: rgb(244, 246, 246);
}
.container{
    max-width:1050px;
    height: auto;
    margin: 0 auto;
    padding: 2rem;
   background-color: white;
   line-height: 45px;
}
.btn{
    font-size:35px;
    color:white;
    position: relative;
    padding-left: 10px;
    display: none;
    top:0.5rem;  
}
#menu-btn{
    display: none;
}
.header-section{
    display: flex;
    height:60px;
    background-color: rgb(251, 100, 45);
    justify-content:space-between;
    align-items: center;
    position: sticky;
    top:0;
 }
 .header-link{
     display: flex;
    justify-content: center;
    align-items: center;
    gap:2rem;
    padding-right:25px;
 } 
 .header-item{
     font-size: 22px;
     transition: transform 0.2s ;
 }
 .header-item a{
     text-decoration: none;
     font-family: rubik;
     color: white;
 }
 .header-item:hover{
     transform:scale(1.1); 
     font-weight: 300;
 }
 .logo{
    height:130px;
    width:310px;
  }
  .logo img{
    height: 100%;
   width: 100%;
  }
.heading1{
    font-family:rubik;
    font-size: 40px;
    font-weight:500;
    padding-top: 1rem;
}
.img-section{
   max-width: 100vw;
   height: auto;
   margin:1rem 0;
}
.img-section img{
    height: 100%;
    width: 100%;
}
.para-section{
    margin:4rem 0;
}
.heading2{
    font-family: rubik;
    font-size:29px;
    padding-bottom:.5rem;
}
.paragraph{
    font-family:rubik;
    font-family:sans-serif;
    font-size: 22px;
}
.footer-section{
    width: 100%;
    background-color: rgb(251, 100, 45);
}
.footer-container{
    max-width: 1500px;
    margin: 0 auto;
    display: flex; 
    justify-content: space-between;
    padding: 3rem;
} 
.link-container{
    font-size:24px;
   font-family: rubik;
   display: flex;
   padding:10px;
   gap: 20px;
  justify-content: center;
  align-items: center;
}
.link-container a{
    padding:8px;
     text-decoration: none;
     color: white;
     font-family: rubik;
 }
 .link-container div:hover{
    font-weight: 500;
    transform: scale(1.1);
    transition: transform 0.3s;
  }
  .link-icon-container{
    font-size:2em;
    display:flex;
    padding:5px;
    gap: 25px;
  }
  .link-icon-container div:hover{
    transform: scale(1.1);
    transition: transform 0.3s;
  }
  @media(max-width:860px){
    .logo{
      margin-left: -2rem;
    }
}
  @media(max-width:760px){
    .link-container{
      display: block;
      line-height:35px;
      font-size: 20px;
    }
    .heading1{
      font-size: 25px;
      font-weight:600;
    }
    .link-icon-container{
      display: block;
      padding:15px;
      line-height: 45px;
      font-size: 30px;
      align-items: center;
    }
    .footer-section{
        display: block;
    }
}
@media(max-width:1435px){
.container{
padding: 0 1rem;
padding-bottom: 3rem;
}
}
@media (max-width:700px){
.header-link{
    display: none;
}
} 
@media(max-width:680px){
.link-container{
    display: block;
}
}