:root {
    --paleta-1:#72e0a3;
    --paleta-2:#54CC8B; /* Button */
    --paleta-3:rgb(82, 84, 84); /* Button */
    --paleta-4:#51b980; /* Button */
}

*{padding: 0;margin: 0;font-family: 'Montserrat', sans-serif;font-family: 'Poppins', sans-serif;text-decoration: none;}  
html{scroll-behavior: smooth;background-color: #fdfdfd;}
#header{background-color: white; position: fixed;top:0; margin: auto;flex-wrap: wrap;width: 100%;justify-content: space-around;display: flex;height: 80px;align-items: center;}
#header1 > a > img{width: 230px;}
#header2 {display: flex;}
#header2 > div {display: flex; margin: 10px;color: black;flex-wrap: wrap;} 
#header2 > div > a {color:#0a0c22;}   
#header3 { display: flex;justify-content: space-between;align-items: center;}

#inicio {
    margin-top:200px;
}
.grid-1{
    display:flex;
    margin:auto;
    width:80%;
    flex-wrap: wrap; 
}
.grid-1-2-img{
    width:100%; 
    border-radius: 1rem;
    /* box-shadow: 21px 9px 349px -36px rgba(84,204,139,1);
    -webkit-box-shadow: 21px 9px 349px -36px rgba(84,204,139,1);
    -moz-box-shadow: 21px 9px 349px -36px rgba(84,204,139,1); */
} 
.grid-1-1{
    flex:45%;    
    margin: 5px;
}
.grid-1-2{
    flex:45%;    
    margin: 5px;
}
.grid-1-1-headline{
    font-size:70px;
    line-height:70px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.btn-ads{
    margin-top: 20px;
}

.btn-entrar{background-color:green;  
    width: 220px;
    font-size:17px;
    color:white;
    padding:10px;
    border-radius:10px;
    text-align: center;
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;}
.btn-1 {
    background-color:green;
    width: 200px;
    color:white;
    padding:10px;
    border-radius:10px;
    text-align: center;
    border: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}
.btn-entrar:hover {
    background-color:var(--paleta-4);
    transform: scale(1.07);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#como-funciona-a-placedelivery{
    margin:auto;
    margin-top: 170px;
    width:80%;
    text-align: center;
}
.grid-2{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.grid-2-1{
    flex:30%;    
    margin: 5px;
    font-size: 30px;
    margin-top: 150px;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-family: "Poppins", sans-serif;
}
.grid-2-2{
    flex:30%;    
    margin: 5px; 
}

.grid-2-2 > img{
    width: 100%;
}

h2{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-family: "Poppins", sans-serif;
    font-size:45px;
    font-weight:500;
}
#beneficios{
    margin:auto;
    margin-top:120px;
    width:80%;
    text-align: center;
}
@media screen and (max-width: 1000px){  
    .grid-1-2{
        display: none;
    }
    .grid-2{
        display: block;
    }
    #header2{
        display: none;
    }
}
@media screen and (max-width: 700px){  
    .grid-1-1-headline{
        font-size:45px;
        line-height:40px;
        font-weight: 600;
    }
    #inicio {
        margin-top:150px;
    }
    .grid-1{
        width:90%;
    }
    #header2{
        display: none;
    }
    #header3{
        display: none;
    }
    h2{
        font-size:35px;
        font-weight:500;
    }
    .grid-2{
        display: block;
    }
    #como-funciona-a-placedelivery{
        margin:auto;
        margin-top: 150px;
        width:90%;
        text-align: center;
    }
    .grid-2-1{
        flex:30%;    
        margin: 5px;
        font-size: 23px;
        margin-top: 40px;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-family: "Poppins", sans-serif;
    }
    .grid-1-2{
        display: none;
    }
    .btn-ads{
        margin-top:40px;
    }
}