:root{
    --primary-color:#FEF8F3;
    --secondary-color:#CB2E17;
   
    --text-color: #333;

}
@font-face {
  font-family: 'Roboto Slab';
  src: url('../fonts/RobotoSlab-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* variable range */
  font-style: normal;
}

body{
    color:var(--text-color);
}

.logo{
    width:200px;
    height:auto;
    margin:1rem auto;
}

a.price{
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    display: inline-block;
}
a{
    text-decoration: none;
    color: inherit;
    width: 100%;
}

#intro{
    /*
    background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                    url('../images/09.jpg');*/

   
    min-height: 100vh;
    color:var(--secondary-color);
}


#intro .text{
    padding: 2rem;
    text-align: center;
}

#intro .logo-bg{
    /* background-image:linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05)), url('../images/logo.png');*/
     background-image: url('../images/logo.png');
    background-position: center center;
    background-size:contain;
    background-repeat: no-repeat;
    min-height:50vh;
    width:100%;
}

#intro nav {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap:0.25rem;
    margin-top:4rem;
}
h1{
    font-family: 'Roboto Slab', serif;
    font-weight:700;

}
.text{
    padding:4rem;
    font-size:2.5rem;
    font-family:'Roboto Slab', serif;
}
.flex{

    display:flex;
    flex-direction: column;
}

.bg{
    background-color: var(--primary-color);
}

.bg-alt{
    background-color: var(--secondary-color);
    color:var(--primary-color);
}

.h-center{
    justify-content: center;
}

.v-center{
    align-items: center;
}

.logo{
    width:200px;
    height:auto;
    margin:1rem 2rem;
}
.half{
    flex:1 1 75%;
}

.half-2{
    flex: 1 1 25%;
}
.price.bg{
    color: var(--secondary-color);
}
.price.bg-alt{
    color:var(--primary-color)
}
.price{
   
    
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    display: inline-block;
}
.price h6{
    margin: 0;
    font-size:2rem;
    font-weight:700;
}

#about {
   transform:translateX(-100%);
}

footer{
    padding:4rem;
    justify-content: space-between;
}
.contact, .social{
    text-align:center;
    color:var(--secondary-color);
    text-transform: uppercase;
}
.social-icons, .contact-icons {
    display: flex;
    gap: 4rem;
    padding:3rem 0;
    justify-content: space-between;
}

.bg .social-icons a, .bg .contact-icons a {
    color: var(--secondary-color);
    text-decoration: none;
}

.bg .social-icons a:hover, .bg .contact-icons a:hover {
    color: gold;
}

.trasla{
    animation-name: trasla;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
@keyframes trasla{
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}


i{
    font-size:3rem;
   
}
/* Tablet */
@media (min-width: 768px) {  
  
}

/* Laptop */
@media (min-width: 992px) {
    
   


 }

/* Desktop */
@media (min-width: 1200px) { 
    
   .flex{
        flex-direction: row;
   }

   .reverse{
       flex-direction: row-reverse;
   }
   img{
       width:768px;
   }
   #intro .logo-bg{
        min-height:100vh;

   }
   .text{
        font-size:1.5rem;
   }

  
}