/*
GERAL
*/

body {
    font-family:arial;
    color: #4d4d4d;
}

h1, h2{
    font-family: "arial;
    color: white;
}


/*
NAVEGAÇÃO - home
*/

nav {
    background-image:url('../img/fundoaba.jpg');
    display:flex;
    flex-direction: column;
    align-items: center;
    background-color: #000000;
    
    
}


nav > a {
    text-decoration: none;
    color: #FFA500;
    font-weight: 100;
    font-size: 228px;
    font-family: monospace;
}

nav ul {
    list-style: none;
    padding: 0;
    font-family: arial;
    display: flex;
    flex-direction: column;
    align-items:center;
    width: 100%;
    
}

nav ul li {
    text-align: center;
    width: 150%;
   
     
}

nav ul li a {
    display: inline-block;
    padding: 10px 10px;
    width: 100%;
    text-decoration: none;
   
    color: #FFFAFA;
}

nav img {
    padding: 5px;
  
}

/*
SOBRE
*/
#sobre{
    background-image:url('../img/fundomapa.jpg');
    background-size:auto;
    background-position:center;
    display: flex;
    flex-direction:column;
font-family: arial;
    align-items: center
}

#sobre h1 {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: white;
    
}

#sobre p {
    font-family: arial;
    text-align:justify;
    text-align-last:left;
    color: aliceblue;
    margin: 10px;
    width: 100%;
}
#sobre div {
	display:flex;
}

#sobre img{
	padding:  30px;
}

header {
    background-image: url('../img/fundo5.jpg');
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    color: #f1f1f1;
    display: flex;
    flex-direction: column;
    padding: 20px;
}





/*
DELIVERY
*/

#delivery {
    background-image: url('../img/fundo%20cartao.jpg');
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction:column;
    align-items: center;
    margin: 0px 0px 30px 0px
    
    
    
    
}

#delivery img{
    display: flex;
    flex-direction:column;
    
    
}

/*
DELIVERY
*/



/*
Galeria2-CSS
*/
#galeria  {
background-image: url('../img/fundo.jpg');
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
display: flex;
flex-direction:column;

    
}


#galeria div h6{
    align-items: center;
    padding:  10px;
    color: aliceblue;
    background: black;
}

/*
CONTATO
*/

#contato {
    background-image: url('../img/fundo%20contato.jpg');
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction:row;
    max-height: 100%;
   

}
#contato h2{
    display: flex;
    flex-direction:column;
    padding:50%;
    align-items: center;
    color:chocolate;

}

#contato form {
    display: flex;
    flex-direction:column;
    padding:10px;
    align-items: baseline;
}
#contato input{
  padding: 10px 50px;
    margin: 2px 0px;
}

#contato textarea{
  padding: 30px 60px;
    margin: 10px 0px;
}

#contato h3 {
    padding: 5px 50px;
    color: black;
} 

#contato li  {
padding: 10px;
margin-right: 2px

}

#contato label {
	color: black}


/*
Rodapé (FOODER)
*/

fooder {
    display: flex;
    flex-direction:column;
    text-align: center;
    background-color: darkorange; 
}

fooder h3 {
    font-family;
    color: antiquewhite;
    margin:5px;
}
fooder p {
    font-family;
    color: antiquewhite;
    margin:auto;
}

/*
MEDIA QUERIES
*/


@media screen and (min-width: 780px) {
    /*
    NAVEGAÇÃO
    */
    nav {
        Display:blok;
        flex-direction: row;
       justify-content: space-between;
    }
    
    nav ul {
        flex-direction: row;
        width: 50%;
    }
   
 
    /*
SOBRE
*/
    
    #sobre {
    flex-direction:column;
    flex-wrap: wrap;
    justify-content:center;
        
    }
    
    #sobre iframe {
        width:50%;
        padding: 1.310344827586206896551724137931%;
        margin: 1.310344827586206896551724137931%;
    }
    
    #sobre h1 {
          width: 100%;
        padding: 10px;
    }
  
    }
    
    #sobre p{
     width:30%;
        padding: 1.1%;
        margin: 1.1%;
    }



#galeria {
    flex-direction:row;
    flex-wrap: wrap;
    justify-content:space-around;
}

#contato {
   flex-direction:row;
    flex-wrap: wrap;
    justify-content:space-around;
}
    
#contato iframe {
    width: 30%;
    
}
#contato h2{
    width:100%;
padding: 1%
    
}

#contato div {
    width: 48px ;

}


#galeria {
    padding: 1.9999%;
    

}

#galeria h2{
    padding: 1.9999%;
    margin: 5px;
}

img {
    max-width: 100%
}