/* header start */
*{
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}

body{
    padding: 0%;
    margin: 0%;
}

#pmln img{
    width: 75%;
    padding-top: 55px;
}
#mian img{
    padding-top: 10px;
    width: 25%;
}
.flex{
    display: flex;
    justify-content: space-between;
}
#navbar{
    background-color: #1d76bb;
    width: 100%;
}
.nav-item a{
    color: white;
    text-align: center;
    font-size: 18px;
}
.nav-item a:hover{
    color: #e0dd16;
}
/* header end */

.about{
    background-image: url(apni\ party.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.cont{
    padding-top: 20%;
}



/* section footer start */
.president{
    background-image: url(bg-section-PMLN.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 7vh;
    color: white;
    padding-top: 7px;
}
.icon i{
    font-size: 20px;
    cursor: pointer;
}
.icon i:hover{
    color: #e29f51;
}
.icon{
    background-color: #808285;
    color: white;
    cursor: pointer;
}
.icon p{
    font-size: 17px
}
.icon p:hover{
    color:#e29f51;
}
.footer{
    padding-top: 500px;
    width: 100%;
}
.icon span:hover{
    color:#e29f51;
}
/* section footer end */

@media screen and (max-width: 778px) {
    .footer {
      padding-top: 60%;
    }
  }
  @media screen and (max-width: 758px) {
    .footer {
      padding-top: 90%;
    }
  }
  @media screen and (max-width: 694px) {
    .footer {
      padding-top: 650px;
    }
  }
  @media screen and (max-width: 494px) {
    .footer {
      padding-top: 700px;
    }
  }
  @media screen and (max-width: 474px) {
    .footer {
      padding-top: 70vh;
    }
  }
  @media screen and (max-width: 446px) {
    .footer {
      padding-top: 80vh;
    }
  }
  @media screen and (max-width: 406px) {
    .footer {
      padding-top: 90vh;
    }
  }
  @media screen and (max-width: 390px) {
    .footer {
      padding-top: 110vh;
    }
  }
  @media screen and (max-width: 330px) {
    .footer {
      padding-top: 130vh;
    }
  }