/*  CORPO */
body{
    font-family: sans-serif;
    color: #1c1c1c;
    background-color: #99ff99;
}
h1, h2, h3{
   font-family: sans-serif;
   color: #000000;
   
}

.botao{
    margin-top: 2px;
    color: #ffff00;
    text-decoration: none;
    padding: 10px 30px;
    background-color: #006600;
    font-size: .9em;
    border-radius: 3px;
    margin-bottom: 2px;
}

/* Navegação */

nav{
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #5f915f;
    padding: 0 10px 0px;
}

nav > a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 72px;
    font-family: sans-serif;
}
nav ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 2;
    width: 100%;
}
nav ul li{
    text-align: center;
    width: 100%;
}
nav ul li a{
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    text-decoration: none;
    color: #134212;
    font-size: 21pt;
}
nav ul li :hover{
    text-transform: uppercase;
    color: #d2e662;
}

/* Cabeçalho */
header{
    display: flex;
    flex-direction: column;
    align-items: center;
   /* background-image: url("../slides/1000x400/ ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;*/
    color: #468038;
    font-size: 15pt;
    text-align: center;
    padding: 0px;
    margin-top: -15px;
}
header h1{
    color: #ffffff;
}
header p{
    margin-bottom: 2em;
}
header img{
    margin-top: 3px;
    width: 100%;
    height: 600px;

}
/*
header img:hover{
    margin-top: 1px;
    width: 100%;
    height: 600px;
    
}

*/


/*
#sobre{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 10px 20px 20px;
    background-color: #006600;
    color: #ffffff;
}
#sobre h2{
    color: #ffffff;
}
#sobre p{
    margin-bottom: 2.52m;
    max-width: 1000px;
}

#sobre .botao{
    background-color: #f1f1f1;
    color: #1c1c1c;
}
*/
/*                        Divisória               */

#divi{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    margin-top: 2pt;
    
}

#divi div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
   margin-bottom: 2pt;
}

/*                         Forro                   */

#forro{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    background-color: #5cb45c;
    margin-top: 2pt;
     background-image: url("../imagens/forro/For_color-01.jpg ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#forro div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
   margin-bottom: 2pt;

}

/*                       Persiana              */

#persi{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    margin-top: 2pt;
   
}

#persi div{
     display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 2pt;
}

/*                   Piso                  */

#piso{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    background-color: #5cb45c;
    margin-top: 2px;
    background-image: url("../slides/suz/escritorioSemAsDivisorias.png ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#piso div{
    margin: 0 auto;
     display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    color: #468038;
    margin-bottom: 2pt;
}


/*  FOTOS */

#fotos{
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}

#fotos h2{
    margin-bottom: 20px;
}
/* 
#fotos img{
    width: 100%;
}

  CONTATO */

#contato{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    
}

#contato h2{
    color: #000000;
}

/*    RODAPE   */

footer{
    text-align: center;
    padding: 10px;
    background-color: #006600;
    color: #110a0a;
}
footer a{
    text-decoration: none;
    color: #050a0a;
}

@media screen and (min-width: 768px) {
    
/*  nav  */

nav{
    flex-direction: row;
    justify-content: space-around;
}

nav ul{
    flex-direction: row;
    width: 70%;
}

/*  CABEÇALHO  */





#s1,#s2,#s3,#s4,#s5,#s6,#s7,#s8,#s9,#s10,#s11,#s12{
	opacity:0;
    display:none;
    
}



/*
header{
    height: 700px;
    height: 100vh;
    justify-content: center;
    
}

*/

/* SOBRE  */

/*  FOTOS  */

#fotos{
    flex-direction: row;
    flex-wrap: wrap;
}

#fotos h2{
    width: 100%;
    text-align: center;    
}

#fotos img{
    width: 33.3333333%;
}

/*  CONTATO  */

#contato{
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: 500px;
    margin: 0 auto;
}

#contato h2, #contato p{
    width: 100%;
}

}