html, body {
    overflow-x: hidden;
  }



  body {
    background: linear-gradient(180deg, #d0d7db, 45%, white, 90%, white);
  }
  
  nav {
    background-color: #ecf0f1 !important;
  }

  #main-image {
    width: 115% !important;
    margin-left: -11% !important;
  }

  h6 {
    background-color: #ecf0f1;
    text-align: center;
    margin: 0;
    padding-right: 14%;
  }

  .title {
    padding-left: 10%;
  }

  #hamburger-menu {
    background-color: #ecf0f1 !important;
    border: none;
    color: #12435E !important;
  }

  .left-box {
    border-right: 1px rgba(18, 67, 94, .1) solid;
    border-bottom: 1px rgba(18, 67, 94, .1) solid;
  }

  .right-box {
    border-bottom: 1px rgba(18, 67, 94, .1) solid;
  }

  .bottom-box {
    border-right: 1px rgba(18, 67, 94, .1) solid;
  }

 @media only screen and (max-device-height: 926px) {
    main {
      margin-top: -15% !important;    
    }
  }

  @media (min-width: 1200px) {
    #main-image {
      width: 40% !important;
      height: 40% !important;
      margin-left: 30% !important;
    }

    .border-top {
      width: 100% !important;
      margin-left: auto !important;
    }
  }
/* 
  @media only screen and (device-height: 896px) {
    main {
      margin-top: -16% !important;      
    }
  }

  @media only screen and (device-height: 844px) {
    main {
      margin-top: -15% !important;      
    }
  }

  @media only screen and (device-height: 812px) {
    main {
      margin-top: -15% !important;     
    }
  }

  @media only screen and (device-height: 736px) {
    main {
      margin-top: -5% !important;     
    }
  }


  @media only screen and (device-height: 667px) {
    main {
      margin-top: -17% !important;     
    }
  } */