@font-face {
    font-family: 'Klavika CH';
    src: url('../fonts/KlavikaCH-Regular.woff2') format('woff2'),
        url('../fonts/KlavikaCH-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
/*    font-display: swap;*/
}

@font-face {
    font-family: 'Klavika CH';
    src: url('../fonts/KlavikaCH-Bold.woff2') format('woff2'),
        url('../fonts/KlavikaCH-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
/*    font-display: swap;*/
}

@font-face {
    font-family: 'Klavika CH';
    src: url('../fonts/KlavikaCH-Light.woff2') format('woff2'),
        url('../fonts/KlavikaCH-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
/*    font-display: swap;*/
}

body, h1, h2, h3,h4, h5, h6, .alt-font, .btn {font-family: 'Klavika CH', helvetica, arial, sans-serif !important;}

p {font-size: 20px; font-weight: 300; line-height: 160%;}
p.pgrande {font-size: 22px;}
.logo {background-color: #F59C00; padding: 4px;}
.texto-lateral img {width: 22px;}
.caixa-alta {text-transform: uppercase;}
.footer-center-logo {background-color: #F59C00;}
.amarelo {color: #F59C00;}
footer .text-small, footer a {color: #ffffff;}
footer a:hover {color:#000;}
img.footer-logo  {height: 64px !important;}
.align-items-center{text-align: center;}
section {padding: 90px 0;}
.frase {margin-top: 80px;}
.right-bg {background-color: #dddddd !important;}
#logo-gde {width: 450px; height: 200px; background-image: url('../images/logo-voglio-gde.svg'); background-size: contain; background-repeat: no-repeat;}
.grid-item .portfolio-hover-box {background-color: #F59C00; padding: 18px;}
.tparrows {display: none;}

html { scroll-behavior: smooth;}

..text-black:hover {background-color: black;}

@media only screen and (max-width: 480px) {
    .frase{margin-top: 20px;}
    #logo-gde {width: 280px; height: 140px;}
    .grid-item {border: 5px solid #fff;}
    
}