@media (min-width: 320px) {
    .siteMobileMenuButton{
        display:inline-block;
    }
    
    .siteMenuBar{
        display:none;
    }

    .logo-container{
        position:absolute;
        top:0;
        left:20vw;
        right:0;
        margin-top:0;
        width:auto;
        text-align: center;
    }

    .siteMobileMenuButton i{
        font-size:6vw;
        line-height:6vw;
    }
    
    .logo-container object{
        max-height:13vw;
        margin-top:5px;
    }

    .headerContactDetails{
        display:none;
        clear: none;
    }

    .circleContent{
        margin-right:0;
        float:none;
        display:block;
        text-align: center;
        padding:0 20px;
        margin-bottom:20px;
    }
    
    .circleContent:last-child{
        margin-right:0;
    }
    
    .sliderBottomContent{
        display:block;
        text-align: center;
    }

    .sliderBottomContent a{
        height:18vw;
        width:18vw;
        border-radius:10vw;
        border:1vw solid #ffcb05;
    }
    
    .sliderBottomContent span{
        font-size:10px;
        display: block;
        text-align: center;
    }
    

}

/* Small devices (landscape phones, 375px and up) */
@media (min-width: 375px) {
    .siteMobileMenuButton{
        display:inline-block;
    }

    .logo-container{
        text-align: center;
        left:13.5vw;
    }

    .headerContactDetails{
        display:none;
    }

    .sliderBottomContent a{
        height:60vw;
        width:60vw;
        border:2vw solid #ffcb05;
    }
    
    .sliderBottomContent span{
        font-size:17px;
    }

    .headerContactDetails{
        display:none;
        clear: none;
    }

    .circleContent{
        margin-right:0;
        float:none;
        display:block;
        text-align: center;
        margin-bottom:20px;
        padding:0 20px;
    }
    
    .sliderBottomContent a{
        height:25vw;
        width:25vw;
        border-radius:13vw;
        border:1vw solid #ffcb05;
    }
    
    .sliderBottomContent span{
        font-size:15px;
        display:block;
        text-align: center;
    }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .siteMobileMenuButton{
        display:inline-block;
    }

    .siteMobileMenuButton i{
        font-size:4vw;
        line-height:4vw;
    }
    
    .logo-container{
        text-align: center;
        left:9.5vw;
    }

    .logo-container object{
        max-height:7vw;
        margin-top:5px;
    }

    .headerContactDetails{
        display:none;
    }

    .sliderBottomContent{
        clear: both;
        display: flex;
        text-align: center;
        margin: 0 auto;
        align-items: baseline;
        justify-content: center;
    }

    .circleContent{
        margin-right:0;
        margin-bottom:30px;
        float:left;
    }
    
    .sliderBottomContent a{
        height:20vw;
        width:20vw;
        border-radius:11vw;
        border:1vw solid #ffcb05;
    }
    
    .sliderBottomContent span{
        font-size:15px;
        display:block;
        max-width:200px;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .siteMobileMenuButton{
        display:inline-block;
    }

    .headerContactDetails{
        display:inline-block;
    }

    .logo-container{
        text-align: center;
        left:8vw;
    }

    .circleContent{
        margin-right:5vw;
        float:left;
    }
    
    .sliderBottomContent a{
        height:17vw;
        width:17vw;
        border-radius:9vw;
        border:0.8vw solid #ffcb05;
    }
    
    .sliderBottomContent span{
        font-size:15px;
        width:17vw;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .siteMobileMenuButton{
        display:none;
    }

    .siteMenuBar{
        display:block;
    }
    
    .logo-container{
        text-align: left;
        padding-left:20px;
        position:static;
    }
    
    .logo-container object{
        max-height:6vw;
        margin-top:5px;
        padding:10px;
    }

    .headerContactDetails i{
        font-size:1.5vw;
    }
    
    .headerContactDetails span{
        font-size:1.5vw;
    }
    
    .circleContent{
        margin-right:8vw;
    }
    
    .sliderBottomContent a{
        height:13vw;
        width:13vw;
        border:0.6vw solid #ffcb05;
        border-radius:7vw;
    }
    
    .sliderBottomContent span{
        font-size:17px;
        width:13vw;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .siteMobileMenuButton{
        display:none;
    }

    .siteMenuBar{
        display:block;
    }

    .logo-container object{
        max-height:4vw;
        margin-top:5px;
        padding:10px;
    }

    .circleContent{
        margin-right: 12vw;
        float:left;
    }
    
    .sliderBottomContent a{
        height:10vw;
        width:10vw;
        border:0.5vw solid #ffcb05;
        margin: 0 auto;
        margin-bottom:15px;
    }
    
    .sliderBottomContent span{
        font-size:17px;
        width:11vw;
    }

}