html {
    font-size: 20px;
    color: #010101;
}

body {
    font-family: objektiv-mk2, sans-serif;
    letter-spacing: 1px;
    font-family: objektiv-mk2, sans-serif;
    font-weight: 500;
    line-height: 1;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

h1 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 0.9;
    font-size: 6rem;
}

h2 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 3rem;
    line-height: 1;
}

h3 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    font-size: 1.9rem;
    letter-spacing: 2px;
    line-height: 1;
}

h4 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1px;
    line-height: 1;
}
h5 {
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: 2px;
    line-height: 1.2; 
    margin-top: 1.5rem;
}
.hero-content p {
    font-size: 1.4rem;
    margin-top: 1rem;
}

nav ul li a {
    font-size: 18px !important;
}


.upper-text {
    font-family: 'objektiv-mk2', sans-serif;
    font-weight: 300;
    line-height: 1.2;
    font-size: 14px;
    margin-top:0.4rem;
}
.product-types a h4{
    margin-top:0.3rem;
padding-bottom: 0.7rem;
}

footer p,
#contact a,
.line a, #jump-to ul li a, .contact-daten ul li a, .websites ul li a, .subpage-list a {
    text-decoration: none !important;
    color: #010101!important;   
}


.line {
    font-size: 14px;
}

.contact-dets p {
    margin-bottom: 0.5rem;
}

.contact-dets a,
.bold {
    font-weight: 800 !important;
}
.core, .cta-1 h3{
    padding-top: 0.6rem;
    max-width: 80%;
    line-height: 1.2;
}
.product-types a, .first-grid a, .pergola-sub-item, .pool-sub a {
     color: #010101!important;
    text-decoration: none;
    }
.bigger {
    font-size: 1.2rem!important;
    padding-top:0.3rem;
    text-transform: uppercase;
    }
#jump-1 a, #jump-2 a, #jump-3 a, #jump-4 a, #jump-5 a, #jump-6 a {
    margin-left:70%;
    color: #46484B;
    text-decoration: none;
    font-family: 'neue-haas-grotesk-display', sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1;
}
.photo-gallery {
    padding-bottom: 4rem;
}
.websites h3 {
    padding-bottom: 3rem;
}
.col-1-2 h3 {
    margin-top:2rem;
}

@media screen and (max-width: 1299px) and (min-width: 1110px) {
    h1 {
        font-size:5.2rem;
    }
    .hero-content p {
        padding: 0 2rem 0 2rem;
    }
    .col-1-2 h3 {
    margin-top: 0.5rem;
}
}


@media screen and (max-width: 1109px) and (min-width: 769px) {

    html {
        font-size: 19px;
    }
     h1 {
        font-size:5rem;
    }
    .hero-content p {
        padding: 0 4rem 0 4rem;
    }
    .col-1-2 h3 {
    margin-top: 0.5rem;
}
    .upper-text {
        font-size: 12px;
    }
    .bigger {
        font-size:1rem!important;
    }
}

@media screen and (max-width: 768px) {

    html {
        font-size: 18px;
    }
    h1 {
        font-size:3rem;
    }
    .hero-content p {
    font-size: 1rem;
    margin-top: 0.5rem;
}
}