@import "root";
@import "buttons/button.scss";
@import "texts/text.scss";
@import "layout/columns/columns.scss";
@import "modals/modal.scss";
@import "forms/forms.scss";
@import "cards/cards.scss";
@import "tables/tables.scss";
@import "alerts/alerts.scss";
@import "images/images.scss";
@import "utilityFirst/variables";
@import "utilityFirst/text";
@import "utilityFirst/colors";


.site-container{
    padding: 0 10%;
    font-family: var(--jk-site-font);
}

@media (min-width: 100px) and (max-width: 600px) {
    .site-container{
        padding: 0 5%;
        width: auto;        
    }
}

@media (min-width: 601px) and (max-width: 768px) {
    .site-container{
        padding: 0 5%;
        width: auto;        
    }
}

@media (min-width: 769px) and (max-width: 992px){
    .site-container{
        padding: 0 5%;
        width: auto;        
    }
}

@media (min-width: 993px) and (max-width: 1200px){
    .site-container{
        padding: 0 5%;
        width: auto;        
    }
}