.bigpic {
    margin-top:-70px;
    margin-left:-1em;
    margin-bottom:-3em;
}

.orange {
    padding-bottom:0;
}

#free-range {
    float:left;
    border-radius:50%;
    margin-top:-126px;
    margin-bottom:-3em;
    width:156px;
}

.badge {
    position: relative;
    float:left;
    margin-top:-126px;
    margin-bottom:-1em;
    width:156px;
    height:156px;
    background-color:#222;
    color:#fff;
    border-radius:100em;
    text-align: center;
    padding:3em 2em;
}

    .dots {
        position:absolute;
        left:0.75em;
        top:0.75em;
        width:calc(100% - 1.5em);
        height:calc(100% - 1.5em);
        border:3px dotted #fff;
        border-radius:100em;
    }

    .badge p {
        font-size:1.2em;
    }

        .badge p strong {
            font-size:1.4em;
        }

.heading {
    float:left;
    width:100%;
    font-family: 'Prata', serif;
}

    .heading h3 {
        font-size:3.5em;
        color:var(--text1);
        margin-left:1.25em;
    }
    
    .heading h1 {
        font-size:8em;
        margin-top:-35px;
        margin-bottom:0.25em;
    }
    
h2 {
    font-size: 1.6em;
    color:var(--text1);
    margin-bottom: 1em;
}

.rightcol p {
    font-size:1.2em;
    margin-bottom:1em;
    line-height: 1.4;
}

#weserve {
    font-size:3em;
    margin:0.5em 0;
    font-family: 'Prata', serif;
    font-weight:bold;
}

.fourboxes {
    clear:left;
    float:left;
    width:100%;
    margin-bottom:3em;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

    .fourbox {
        float:left;
        padding:1.5em;
        min-height: 170px;
        margin:0 2% 2% 0;
        width:32%;
        background-color:var(--bg1);
        border:10px solid var(--bg2);
        text-decoration: none;
        color:#000;
        border-radius:0.5em;
    }
    
    .fourbox:nth-of-type(3n) {
        margin-right:0;
    }
    
        .fourbox ul {
            margin-left:1em;
        }
        
            .fourbox ul li {
                margin-bottom:0.5em;
                font-size:1.1em;
            }
        
        .fourbox p {
            margin-bottom:1em;
        }
            
.offer {
    float:right;
    clear:both;
}

    .offer p {
        float:left;
        clear:left;
        text-align: right;
        margin-bottom:1em;
        font-size:1.4em;
    }
    
@media screen and (max-width:985px){

    .heading h1 {
        font-size:5em;
        margin-top:-18px;
    }
    
    .heading h3 {
        font-size:2.2em;
    }
}    

@media screen and (max-width:699px){
    
    .leftcol,
    .rightcol {
        width:100%;
        padding:0;
    }
    
    .orange {
        padding-bottom:3em;
    }
    
    .bigpic {
        margin-left:0;
        margin-bottom:2em;
    }
    
    #free-range {
        margin-bottom:1em;
    }

    .badge {
        margin-bottom:3em;
    }
    
    .fourbox {
        width:100%;
        min-height:initial;
        margin-bottom:1em;
        margin-right:0;
    }
    
    .offer {
        width:100%;
        text-align: center;
        margin-bottom:2em;
    }
    
}