@font-face {
    font-family: 'Raleway Regular';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./font/Raleway/static/Raleway-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway Light';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./font/Raleway/static/Raleway-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Raleway Regular';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./font/Raleway/static/Raleway-Regular.ttf') format('truetype');
}

.img-gulli{
    width: 100vw;
    height: 90vh;
    object-fit: cover;
}
.logo-gullibar{
    width: 50%;
}
.navbar-toggler:focus, .btn-close:focus{
    box-shadow: none;
}
.container-gullibar{
    position: relative;
}

.claim-aziendale{
    position: absolute;
    top: 44%;
    color:#fff;
    text-align: center;
    width: 100vw;
    text-shadow: 2px 4px 2px #4b2020; 
    font-family: 'Raleway Light';
}
.nome-azienda{
    display: block;
}
.decorator{
    display: block;
    width: 80%;
    height: 1px;
    background-color: #4b2020;
} 
.sezione1{
    font-family: 'Raleway Light';
}

.paragrafo{
font-family: 'Raleway Regular';
font-size: 20px;
}

.caffe{
    font-family: 'Raleway Regular';
     background-color: #b9540b;
    color: #faf9f3; 
    /* --bs-btn-font-weight: 600;
  --bs-btn-color: white;
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: violet;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: shade-color(violet, 10%);
  --bs-btn-hover-border-color: shade-color(violet, 10%);
  --bs-btn-focus-shadow-rgb: violet;
  --bs-btn-active-color: red;
  --bs-btn-active-bg: shade-color(violet, 20%);
  --bs-btn-active-border-color: shade-color(violet, 20%); */
}
.caffe:hover{
    font-family: 'Raleway Regular';
     background-color: #faf9f3;
    color: #b9540b;
    border-color: #b9540b;
}
.caffe:active{
    font-family: 'Raleway Regular' !important;
    background-color: #e6e2ca !important;
    color: #ee7f2f !important;
    border-color: #ee7f2f !important;
}

.img-custom{
    object-fit: cover;
}

.divisor{
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgb(169, 169, 169);
}