body{background-color: #a18262;}
        
.fundo{background-image: url(imagens/graos_de_cafe.jpg);
    background-repeat: repeat-x;
    width: 99%;
    position: absolute;}

.fotos_iniciais{display: flex;
    justify-content: space-around;}
        
p{color: white;
font-size: 20px;
text-align: center;}

.titulo{background-color: black;
    color: #a18262;
    border: solid;
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: xx-large;
    font-family: Lucida;
    position: relative;
    border-radius: 100%;}
    
.chamariz{font-size: x-large;
    font-family: cursive;
    color: white;
    position: relative;
    text-align: center;}
    
.menu{font-size: large;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: white;
    position: relative;}

details > summary{cursor: pointer;}

.galeria{font-size: large;
    color: white;}

.img{display: grid;
    grid-template-columns: repeat(6, auto);
    margin: 2% 5% 2% 5%;}

.leitura, .mapa, .contato{font-size: large;
color: white;}

.leitura h2{text-align: center;}

iframe{width: 100%;}

@media only screen and (max-width: 700px) {

    .fotos_iniciais{display: flex;
        flex-direction: column;}
    .fotos_iniciais img{width: 100%;}
    
    .img{display: grid;
        grid-template-columns: repeat(1, auto)}
    
    .img img{width: 100%;}

    .fundo{width: 99%;}}

    @media only screen and (max-width: 400px) {
        .fundo{width: 99%;}
    }