.uk-navbar-left {
    padding-left: 40px!important;
}

.uk-navbar-right {
    padding-right: 40px!important;
}

@media only screen and (max-width: 960px) {
    .uk-navbar-left {
        padding-left: 30px!important;
    }

    .uk-navbar-right {
        padding-right: 30px!important;
    }
}

@media only screen and (max-width: 640px) {
    .uk-navbar-left {
        padding-left: 15px!important;
    }

    .uk-navbar-right {
        padding-right: 15px!important;
    }
}

.uk-container {
    padding: 0!important;
    max-width:100vw!important;
}

.circle-mark {
    width:40px;
    height:40px;
    display:flex;
    background:#FF9C3A;
    border-radius: 50px;
    color:#fff;
    font-size: 30px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.extra-padding {
    margin: 0 70px!important;
}

.repostion {
    position: relative;
    top: -190px;
    left: -368px;
    z-index: 3;
}

@media only screen and (max-width: 1780px) {
    .repostion {
        top: -150px;
        left: -326px;
    }
}

@media only screen and (max-width: 1580px) {
    .repostion {
        top: -140px;
        left: -280px;
    }
}

@media only screen and (max-width: 1380px) {
    .font-resizer {
        font-size: 0.8rem!important;
    }
    .repostion {
        top: -120px;
        left: -210px;
    }
}

@media only screen and (max-width: 960px) {
    h3.font-resizer {
        font-size: 1rem!important;
    }

    p.font-resizer {
        font-size: 1rem!important;
    }

    .extra-padding {
        margin: 0 10px!important;
    }
}