@media only screen and (max-width: 1280px) {
    .promoTitle { font-size: 130px; }
}

@media only screen and (max-width: 960px) {
    .promoTitle { font-size: 50px; }
    section.workDetail p { font-size: 16px; }
    section.workDetail h2 { font-size: 28px; }
    a.workLink > div > div { display: block; }
    a.workLink > div > figure::after {
        background-color: rgba(0,0,0,.4);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    a.workLink p { font-size: 16px}

    .address { margin-top: -80px; margin-bottom: 30px; }
    section.otherPage .table > div:nth-child(2n) { border-right: none; }
    section.otherPage .table > div:nth-child(3n) { border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
    section.otherPage.contact p { font-size: 16px; }

    section.otherPage.contact textarea { width: calc(100% - 30px) }
    footer { position: relative; }

    .vidBg p { font-size: 22px; line-height: normal; }

    a.workLink .subTitle { font-size: 28px; }
    .sec p { font-size: 20px!important; line-height: 32px; padding: 0 15px; }


    div.menuWrapper ul li a { color: #000; background-color: rgba(255,255,255,.4);  }
    
    ul {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
    }

  }

  @media only screen and (min-width: 580px) and (max-width: 960px) {
    .vidBg p { font-size: 34px; }
}