body {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  max-height: 95vh;
  /*overflow: hidden;*/
}

 .main-title{
            font-family: "Bebas Neue", sans-serif;
            font-weight: 400;
            font-style: normal;

            font-weight: bold;
            font-size: 4.5rem;
            line-height: 0.5rem;
            letter-spacing:0.25rem;
            text-align: right !important;
            margin-top:7.5rem;
        }
        .rotate-header-90 {
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(0deg);
              -webkit-transform: rotate(0deg);
              -moz-transform: rotate(0deg);
              -ms-transform: rotate(0deg);
              -o-transform: rotate(0deg);
        }
        .video{
            margin-top:0.5rem;
        }
        .video-section {
            margin-top: 5rem;
            /*padding-bottom: 50px;*/
        }
        .video-title {
            font-size: 2.5rem;
            font-weight: bold;
            letter-spacing:3rem;
            /*margin-top: 15px;*/
            text-align: left;
        }
        .video-desc {
            font-size: 1.5rem;
            text-align: left;
            color: gray;
            /*margin-bottom: 30px;*/
        }

        @media (min-width: 576px) {
            .rotate-header-90 {
            text-align: left !important;
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
            }
            .main-title{
                font-weight: normal;
                font-size: 4rem;
                line-height: 0.5rem;
                letter-spacing:0.25rem;
                margin-top:14.5rem;
            }
        }
        @media (min-width: 768px) {

        /*.video{
            margin-top:3.5rem;
        }*/
        .main-title{
            font-weight: normal;
            font-size: 5rem;
            line-height: 0.5rem;
            letter-spacing:0.5rem;
            margin-top:19.5rem;
        }
            .rotate-header-90 {
            text-align: left !important;
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
        }
        }



        @media (min-width: 992px) {
            .rotate-header-90 {
            text-align: left !important;
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
            }
            .main-title{
                font-weight: bold;
                font-size: 7.5rem;
                line-height: 1.5rem;
                letter-spacing: .75rem;
                text-align: left !important;
                margin-top:27.5rem;
            }
        }

        @media (min-width: 1100px) {
            .rotate-header-90 {
            text-align: left !important;
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
            }
            .main-title{
                font-weight: bold;
                font-size: 7.5rem;
                line-height: 1.5rem;
                letter-spacing: .75rem;
                text-align: left !important;
                margin-top:27.5rem;
            }
        }

        @media (min-width: 1300px) {
            .rotate-header-90 {
            text-align: left !important;
            /*font-weight: bold;font-size: 7.5rem;*/
            transform: rotate(-90deg);
              -webkit-transform: rotate(-90deg);
              -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
              -o-transform: rotate(-90deg);
            }
            .main-title{
                font-weight: bold;
                font-size: 7.5rem;
                line-height: 1.5rem;
                letter-spacing: .75rem;
                text-align: left !important;
                margin-top:27.5rem;
            }
        }