/* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (max-width: 991px) {
    .nav{
      margin:0;
      padding:0;
      font-size: 1rem;
      line-height: 30px;
    }
    html{
      width:992px;
    }
  
    .logo{
      left:1%;
  
    }
    .link{
  
    
      left:72%;
    }
    .twitter{
  
    
      left:67%;
    }
    .nav{
  
    width:70%;
  
    }
    .mailButton{
      left:80%;
    }

    .pad1{
      padding-left: 70px;
    }

    .mainPara{
      height:41rem; 
      top:80%!important;
  }
  .mailButton2{
  
   
    left:75%;
    top:35%;
   
  }
  .twitter2{
    top:35%;
    left:67%;
  }
  .link2{
    top:35%;
    left:61%;
  }
  .mainBig{
    top: 120%!important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .mainBig2{
    top: 90%!important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    height:1200px;
  }
  }
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .nav{
      margin:0;
      padding:0;
      font-size: 1rem;
      line-height: 30px;
    }
    html{
      width:992px;
    }
  
    .logo{
      left:1%;
  
    }
    .link{
  
    
      left:72%;
    }
    .twitter{
  
    
      left:67%;
    }
    .nav{
  
    width:70%;
  
    }
    .mailButton{
      left:80%;
    }

    .pad1{
      padding-left: 70px;
    }

    .mainPara{
      height:39rem; 
  }
  .mainBig{
    top: 120%!important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
  }
  .mainBig2{
    top: 90%!important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    height:1200px;
  }
  }
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
   
    .nav{
      margin:0;
      padding:0;
      font-size: 1rem;
      line-height: 30px;
    }
    html{
      width:1200px;
    }
    .mailButton{
      left:72%;
    }
    .link{
      left:62%;
    }
    .logo{
      left:10%;
    }
    .nav{
      left:26%;
      text-align: center;
      }
      .mainBig{
        top: 120%!important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
      }
      .mainBig2{
        top: 90%!important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
        height:1200px;
      }
      
  }
  @media only screen and (min-width: 1800px) {
    html{
      margin: 0 auto;
    }
    body{
      margin: 0 auto;
    }
    .nav{
      margin:0;
      padding:0;
      font-size: 1rem;
      line-height: 30px;
    }
    .link{
      left:58%;
    }
    .twitter{
      left:63%;
    }
    html{
      width:1800px;
    }
    .mailButton{
      left:69%;
    }
    .logo{
      left:23%;
    }
    .nav{
      left:23%
      }
      .copy2{
        left:30%;
        
      }
      .mainPara{
        max-width: 1200px;
        top: 80%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

      }
      .mainBig{
        top: 120%!important;

      }
      .mainBig2{
        top: 90%!important;
      }
      .logo{
        left:1%;
    
      }
  }