*,*::after,*::before{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.clearfix:after, .clearfix:before, .grid-100:after, .grid-100:before, .grid-10:after, .grid-10:before, .grid-15:after, .grid-15:before, .grid-20:after, .grid-20:before, .grid-25:after, .grid-25:before, .grid-30:after, .grid-30:before, .grid-33:after, .grid-33:before, .grid-35:after, .grid-35:before, .grid-40:after, .grid-40:before, .grid-45:after, .grid-45:before, .grid-50:after, .grid-50:before, .grid-55:after, .grid-55:before, .grid-5:after, .grid-5:before, .grid-60:after, .grid-60:before, .grid-65:after, .grid-65:before, .grid-66:after, .grid-66:before, .grid-70:after, .grid-70:before, .grid-75:after, .grid-75:before, .grid-80:after, .grid-80:before, .grid-85:after, .grid-85:before, .grid-90:after, .grid-90:before, .grid-95:after, .grid-95:before, .grid-container:after, .grid-container:before, [class*=mobile-grid-]:after, [class*=mobile-grid-]:before, [class*=tablet-grid-]:after, [class*=tablet-grid-]:before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

@font-face {
    font-family: 'SVN-GilroyLight';
    src: url('../fonts/SVN-GilroyLight.woff2') format('woff2')
        
}
@font-face {
    font-family: 'SVN-GilroyHeavy';
    src: url('../fonts/SVN-GilroyHeavy.woff2') format('woff2')
        
}
@font-face {
    font-family: 'SVN-Gilroy';
    src: url('../fonts/SVN-Gilroy.woff2') format('woff2')
        
}


@media(max-width:768px){
    html,body{
        overflow: visible;
       
    }
}