@font-face {
            font-family: HelveticaMedium;
            src: url(../fonts/HelveticaNeueLTPro-Md.otf);
        }
        @font-face {
            font-family: HelveticaLight;
            src: url(../fonts/HelveticaNeueLTPro-Lt.otf);
        }
        @font-face {
            font-family: HelveticaBold;
            src: url(../fonts/HelveticaNeueLTPro-Bd.otf);
        }
        @font-face {
            font-family: HelveticaRoman;
            src: url(../fonts/HelveticaNeueLTPro-Roman.otf);
        }

        /*General*/
        .container{
            color: white;
        }
        .top{
            text-align: center;     
        }
        .mid{
            text-align: center;
        }
        .btm{
            text-align: center;
        }
        .mobile p {
            white-space: nowrap;
        }
        body {
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            -ms-font-smoothing: antialiased;
            -o-font-smoothing: antialiased;
            font-smoothing: antialiased;
        }


        
        /*mid-banner*/
        .landing-header-media {
            padding-left: 0; 
            padding-right: 0; 
        }
        .landing-header .landing-header-content {
          position: absolute;
          top: 0px;
          padding: 0px;
          left: 0px;
          right: 0px;
        }
        .mobile{
            display: block;
        }
        .tablet{
            display: none;
        }
        .desktop{
            display: none;
        }


        /*mobile-css*/
        .header-ginota{
            position:relative;
            padding-bottom:12px;
            max-height: 68px;
            left:5px;
            top:0;
        }
        p.header-title{
           font-family:HelveticaMedium;
           font-size:46px; 
        }
        p.header-content{
            font-family:HelveticaMedium;
            font-size:18px;
        }
        p.body-content{
            font-family:HelveticaLight;
            font-size:16px;
        }
        p.body-content2{
            font-family:HelveticaLight;
            font-size:25px;
        }

        a.btn-xlarge{
            font-family: HelveticaBold;
            font-size:22px;
        }

        .btn-xlarge { 
                line-height: normal;
                -webkit-border-radius: 15px;
                   -moz-border-radius: 15px;
                        border-radius: 15px;
        }

        .btn-padding-mac{
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 12px;
        }

        .btn-padding-mc{
            padding: 8px 20px;
            padding-top: 12px;
        }

        .link{
            font-family: HelveticaRoman;
            font-size:10px;
            color: black;
        }
        .body-arrow{
              position: absolute;
              bottom: -20px;
              padding: 0px;
              left: 0px;
              right: 0px;
        }

        .footer-header{
            font-family: HelveticaRoman;
            font-size:28px;
        }

        .icon-title{
            font-family: HelveticaBold;
            font-size:18px;
        }
        .icon-content{
            font-family: HelveticaRoman;
            font-size:14px;   
        }
        .footer-content{
            font-family: HelveticaRoman;
            font-size:10.5px;
            color:gray;
            margin-left:40px;
            margin-right:40px;
        }
        .icon-btm-part{
            margin-top:20px;
        }
        .description-box{
            padding-right: 25px;
            padding-left: 25px;
        }   
        

    @media only screen and (min-width:735px){
        .jumbotron{
            background-size: auto;
        }
        .header-ginota{
            position:relative;
            padding-bottom:12px;
            max-height: 76px;
            left:5px;
            top:0;
        }
        p.header-title{
           font-family:HelveticaMedium;
           font-size:60px; 
        }
        p.header-content{
            font-family:HelveticaMedium;
            font-size:28px;
        }
        p.body-content{
            font-family:HelveticaLight;
            font-size:18px;
        }
        p.body-content2{
            font-family:HelveticaLight;
            font-size:29px;
        }

        a.btn-xlarge{
            font-family: HelveticaBold;
            font-size:28px;
        }

        .btn-xlarge {
                font-size: 24px; 
                line-height: normal;
                -webkit-border-radius: 25px;
                   -moz-border-radius: 25px;
                        border-radius: 25px;
        }

        .btn-padding-mac{
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 18px;
        }

        .btn-padding-mc{
            padding: 14px 40px;
        }

        .link{
            font-family: HelveticaRoman;
            font-size:14px;
            color: black;
        }
        .body-arrow{
              position: absolute;
              bottom: -55px;
              padding: 0px;
              left: 0px;
              right: 0px;
        }

        .footer-header{
            font-family: HelveticaRoman;
            font-size:36px;
        }

        .icon-title{
            font-family: HelveticaBold;
            font-size:22px;
        }
        .icon-content{
            font-family: HelveticaRoman;
            font-size:15px;   
        }
        .footer-content{
            font-family: HelveticaRoman;
            font-size:12px;
            color:gray;
            margin-left:40px;
            margin-right:40px
        }
        .mobile{
            display: none;
        }
        .tablet{
            display: block;
        }
        .desktop{
            display: none;
        }
        .icon-btm-part{
            margin-top:20px;
        }  
        .description-box{
            padding-right: 20px;
            padding-left: 20px;
        }


    }

    @media only screen and (min-width:992px){
        .top{
            height: 260px;
        }
        .header-ginota{
            position:relative;
            padding-bottom:12px;
            max-height: 92px;
            left:5px;
        }

        p.header-title{
           font-family:HelveticaMedium;
           font-size:70.95px; 
        }
        p.header-content{
            font-family:HelveticaMedium;
            font-size:32px;
        }
        p.body-content{
            font-family:HelveticaLight;
            font-size:22px;
        }
        p.body-content2{
            font-family:HelveticaLight;
            font-size:36px;
        }

        a.btn-xlarge{
            font-family: HelveticaBold;
            font-size:34.5px;
        }

        .link{
            font-family: HelveticaRoman;
            font-size:18px;
            color: black;
        }
        .body-arrow{
              position: relative;
              bottom:0px;
              padding: 0px;
              left: 0px;
              right: 0px;
        }

        .footer-header{
            font-family: HelveticaRoman;
            font-size:36px;
        }

        .icon-title{
            font-family: HelveticaBold;
            font-size:22px;
        }
        .icon-content{
            font-family: HelveticaRoman;
            font-size:15px;   
        }
        .footer-content{
            font-family: HelveticaRoman;
            font-size:12px;
            color:gray;
            margin-left:60px;
            margin-right:60px;
        }
        .mobile{
            display: none;
        }
        .tablet{
            display: none;
        }
        .desktop{
            display: block;
        }

        .icon-btm-part{
            margin-top:70px;
        }  

        .description-box{
            padding-right: 30px;
            padding-left: 30px;
        }

    }
    @media only screen and (min-width:1200px){
        .jumbotron{
            background-size: cover;
        }

        .description-box{
            padding-right: 50px;
            padding-left: 50px;
        }
    }