@media screen and (min-width:1200px) {
      .content2 {
        min-height: calc(100vh - 25%) !important;
      }
    }

    @media screen and (min-width:1000px) and  (max-width:1200px) {
        .content2 {
          min-height: calc(100vh - 27%) !important;
        }
      }
      @media screen and (min-width:601px) and (max-width:1000px) {
        .content2 {
          min-height: calc(100vh - 18%) !important;
        }
      }
      @media screen and  (min-width:320px)  and (max-width:600px) {
        .content2 {
          min-height: calc(100vh - 32%) !important;
        }
      }

        @media screen and (max-width:320px) {
          .content2 {
          min-height: calc(100vh - 37%) !important;
          }
        }

        /*ipad pro*/
      @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2){
        .content2 {
          min-height: calc(100vh - 16%) !important;
        }
      }