:root {
    --primaryhover: #000000;
}

body,
p {
    font-size: 1.1rem !important;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6,
.display-4 {
    font-weight: 400 !important;
}

.btn {
    font-size: 1.1rem !important;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.7) !important;
    color: var(--white) !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.7) !important;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(44, 44, 44, 0.5) !important;
}

.hide-dots .slick-dots {
    display: none;
}

.hide-arrows .atf-slider-wrapper .atf-slider-navi-next, 
.hide-arrows .atf-slider-wrapper .atf-slider-navi-prev {
    display: none;
}

.form-control:focus {
    border-color: var(--dark) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25) !important;
}

.rounded img {
    border-radius: 0 2rem;
}

@media screen and (min-width: 1200px) {

    .container {
        max-width: 1140px !important;
    }

}

@media screen and (min-width: 1440px) {

    .container {
        max-width: 1200px !important;
    }

}

@media screen and (min-width: 1600px) {

    .container {
        max-width: 1540px !important;
    }

}

@media screen and (min-width: 1680px) {

    .container {
        max-width: 1600px !important;
    }

}

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

    .btn {
        font-size: 1.15rem !important;
    }

    body,
    p {
        font-size: 1rem !important;
    }

    blockquote, blockquote p {
        font-size: 1.75rem !important;
    }

}