@font-face {
    font-family: 'Helvetica Now Text';
    font-weight: bold;
    src: url('../fonts/HelveticaNowText-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNowText-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/HelveticaNowText-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Helvetica Now Text';
    font-weight: light;
    src: url('../fonts/HelveticaNowText-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/HelveticaNowText-Light.woff') format('woff'), /* Modern Browsers */
         url('../fonts/HelveticaNowText-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
}

.rolex-green {
    color: #006039;
}

.green {
    color: #127749;
}

.ocean-green {
    color: #9BF9CE;
}

.brown {
    color: #452C1E;
}

.black {
    color: #212121;
}

.dark-grey {
    color: #767676;
}

.grey {
    color: #D4D4D4;
}

.beige {
    color: #F4EFEA;
}

.light-beige {
    color: #F9F7F4;
}

.white {
    color: #FFFFFF;
}

.ocra {
    color: #a07700;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold;
}

.fixed12 {
    font-size: 12px;
    line-height: 1.1;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

@media only screen and (max-width: 767px) {
    .headline70 {
        font-size: 36px;
        line-height: 1.1;
        font-weight: bold;
    }

    .headline50 {
        font-size: 30px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline36 {
        font-size: 24px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline30 {
        font-size: 22px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .headline26 {
        font-size: 22px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .body24bold {
        font-size: 18px;
        line-height: 1.2;
        font-weight: bold;
    }

    .body24light {
        font-size: 18px;
        line-height: 1.2;
        color: #212121;
        font-weight: light;
    }


    .body20bold {
        font-size: 18px;
        line-height: 1.6;
        color: #212121;
        font-weight: bold;
    }

    .body20light {
        font-size: 18px;
        line-height: 1.6;
        color: #212121;
        font-weight: light;
    }

    .legend16bold {
        font-size: 12px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .legend16light {
        font-size: 12px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: light;
        margin-bottom: 0.3rem;
    }

    .legend14bold {
        font-size: 10px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .fixed22 {
        font-size: 22px;
        line-height: 1.6;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .fixed16 {
        font-size: 16px;
        line-height: 1.1;
        margin-bottom: 0.2rem;
    }

    .fixed14 {
        font-size: 14px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .quote50 {
        font-family: Georgia;
        font-size: 30px;
        line-height: 1.3;
        color: #452c1e;
        font-weight: regular;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .headline70 {
        font-size: 46px;
        line-height: 1.1;
        font-weight: bold;
    }

    .headline50 {
        font-size: 36px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline36 {
        font-size: 28px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline30 {
        font-size: 23px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .headline26 {
        font-size: 23px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .body24bold {
        font-size: 20px;
        line-height: 1.2;
        font-weight: bold;
    }

    .body24light {
        font-size: 20px;
        line-height: 1.2;
        color: #212121;
        font-weight: light;
    }


    .body20bold {
        font-size: 19px;
        line-height: 1.6;
        color: #212121;
        font-weight: bold;
    }

    .body20light {
        font-size: 19px;
        line-height: 1.6;
        color: #212121;
        font-weight: light;
    }

    .legend16bold {
        font-size: 13px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .legend16light {
        font-size: 13px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: light;
        margin-bottom: 0.3rem;
    }

    .legend14bold {
        font-size: 11px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .fixed22 {
        font-size: 22px;
        line-height: 1.6;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .fixed16 {
        font-size: 16px;
        line-height: 1.1;
        margin-bottom: 0.2rem;
    }

    .fixed14 {
        font-size: 14px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .quote50 {
        font-family: Georgia;
        font-size: 32px;
        line-height: 1.3;
        color: #452c1e;
        font-weight: regular;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
    .headline70 {
        font-size: 56px;
        line-height: 1.1;
        font-weight: bold;
    }

    .headline50 {
        font-size: 42px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline36 {
        font-size: 32px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline30 {
        font-size: 26px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .headline26 {
        font-size: 25px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .body24bold {
        font-size: 22px;
        line-height: 1.2;
        font-weight: bold;
    }

    .body24light {
        font-size: 22px;
        line-height: 1.2;
        color: #212121;
        font-weight: light;
    }


    .body20bold {
        font-size: 19px;
        line-height: 1.6;
        color: #212121;
        font-weight: bold;
    }

    .body20light {
        font-size: 19px;
        line-height: 1.6;
        color: #212121;
        font-weight: light;
    }

    .legend16bold {
        font-size: 15px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .legend16light {
        font-size: 15px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: light;
        margin-bottom: 0.3rem;
    }

    .legend14bold {
        font-size: 13px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .fixed22 {
        font-size: 22px;
        line-height: 1.6;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .fixed16 {
        font-size: 16px;
        line-height: 1.1;
        margin-bottom: 0.2rem;
    }

    .fixed14 {
        font-size: 14px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .quote50 {
        font-family: Georgia;
        font-size: 40px;
        line-height: 1.3;
        color: #452c1e;
        font-weight: regular;
    }
}

@media only screen and (min-width: 1441px) {
    .headline70 {
        font-size: 70px;
        line-height: 1.1;
        font-weight: bold;
    }

    .headline50 {
        font-size: 50px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline36 {
        font-size: 36px;
        line-height: 1.2;
        font-weight: bold;
    }

    .headline30 {
        font-size: 30px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .headline26 {
        font-size: 26px;
        line-height: 1.2;
        color: #452c1e;
        font-weight: bold;
    }

    .body24bold {
        font-size: 24px;
        line-height: 1.2;
        font-weight: bold;
    }

    .body24light {
        font-size: 24px;
        line-height: 1.2;
        color: #212121;
        font-weight: light;
    }


    .body20bold {
        font-size: 20px;
        line-height: 1.6;
        color: #212121;
        font-weight: bold;
    }

    .body20light {
        font-size: 20px;
        line-height: 1.6;
        color: #212121;
        font-weight: light;
    }

    .legend16bold {
        font-size: 16px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .legend16light {
        font-size: 16px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: light;
        margin-bottom: 0.3rem;
    }

    .legend14bold {
        font-size: 14px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.3rem;
    }

    .fixed22 {
        font-size: 22px;
        line-height: 1.6;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .fixed16 {
        font-size: 16px;
        line-height: 1.1;
        margin-bottom: 0.2rem;
    }

    .fixed14 {
        font-size: 14px;
        line-height: 1.1;
        color: #452c1e;
        font-weight: bold;
        margin-bottom: 0.2rem;
    }

    .quote50 {
        font-family: Georgia;
        font-size: 50px;
        line-height: 1.3;
        color: #452c1e;
        font-weight: regular;
    }
}