*{
    margin: 0;
    padding: 0;
}
@media (min-width:800px) and (max-width:1440px) {
  
.header
{
    height: 700px;
    width: 100%;
    background-image: linear-gradient(rgba(150, 182, 114, 0.7),rgba(201, 200, 135, 0.7)),url(background.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(17, 158, 12);
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  li a:hover {
    background-color: rgb(50, 51, 50);
  }
  .foot{
    background-image: linear-gradient(rgba(59, 71, 109, 0.7),rgba(199, 199, 183, 0.7)),url(manoj.jpg);
    width:100%;
    height: 220px;
    
  }
  .insta{
     margin-left:10%;
     margin-top: 10px;
     width:35px;
     height:35px;

  }
  .para{
      margin-left: 10%;
      margin-top: 10px;
      padding-right: 40px;
    
  }
  .quote
  {
    font-style: italic;
  }
  .donate
  {
    margin-left: 5%;
    width: 100px;
    height: 40px;
    margin-top: 10px;
  animation: blinker 2s linear infinite;
  }
  .vol{
    margin-left: 30%;
    margin-top: 10px;
    
   }
  }
  @media (min-width:600px) and (max-width:800px) {
    .header
{
    height: 700px;
    width: 100%;
    background-image: linear-gradient(rgba(150, 182, 114, 0.7),rgba(201, 200, 135, 0.7)),url(background.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(17, 158, 12);
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  li a:hover {
    background-color: rgb(50, 51, 50);
  }
  .foot{
    background-image: linear-gradient(rgba(59, 71, 109, 0.7),rgba(199, 199, 183, 0.7)),url(manoj.jpg);
    width:100%;
    height: 220px;
    
  }
  .insta{
     margin-left:10%;
     margin-top: 10px;
     width:35px;
     height:35px;

  }
  .para{
      margin-left: 10%;
      margin-top: 10px;
      padding-right: 40px;
    
  }
  .quote
  {
    font-style: italic;
  }
  .donate
  {
    margin-left: 5%;
    width: 100px;
    height: 40px;
    margin-top: 10px;
  animation: blinker 2s linear infinite;
  }
  .vol{
    margin-left: 15%;
    margin-top: 10px;
    
   
  }
   @media (min-width:100px) and (max-width:600px) 
    .header
    {
    height: 750px;
    width: 100%;
    background-image: linear-gradient(rgba(150, 182, 114, 0.7),rgba(201, 200, 135, 0.7)),url(background.jpg);
    background-position: center;
    
    background-size: cover;
    position: relative;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
    height: 40px;
    overflow: hidden;
    background-color: rgb(17, 158, 12);
  }
  .recents{
    font-size: 20px;
    margin-left: 30%;
  }
  .text{
    font-size: 20px;
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  li a:hover {
    background-color: rgb(50, 51, 50);
  }
  .foot{
    background-image: linear-gradient(rgba(59, 71, 109, 0.7),rgba(199, 199, 183, 0.7)),url(manoj.jpg);
    width:100%;
    height: 220px;
    
  }
  .insta{
     margin-left:10%;
     margin-top: 10px;
     width:35px;
     height:35px;

  }
  .para{
      margin-left: 10%;
      margin-top: 10px;
      padding-right: 40px;
    
  }
  .quote
  {
    font-style: italic;
  }
  .donate
  {
    margin-left: 5%;
    width: 100px;
    height: 40px;
    margin-top: 10px;
  animation: blinker 2s linear infinite;
  }
  .vol{
    margin-left: 15%;
    margin-top: 10px;
    height: 100px;
    width: 300px;
   }