*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container-parallax1,
.container-parallax2,
.container-parallax3,
.container-parallax4,
.container-parallax5{
position: relative;
background-position: center;
background-size: cover;
}

/*Topo*/
 .topo{
    width: 100%;
    position: fixed;
    background-color:  #604829;
    z-index: 1; /*deixa fixo como um alfabeto, usando o numero "1" seria a letra "A" "2"" "b"" porem se passar do b*/ /*o 1 ficara atrás claro usando outro z-index: 3 ou outros;*/

 }
    

 .topo img{
    width: 100px;
    position: relative;
    left: 15%;
 }

 .topo div{
    position: absolute;
    top: 35%;
    right: 15%;
 }

 .topo div a{
    margin-right: 20px;
    font-size: 18px;
    font-family: "oswald", sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 3px 5px 2px #000000;
    letter-spacing: 2px; /*Espaçamento entre cada uma das letras*/
 }

 /*container-parallax 1*/
 .container-parallax1 {
    background-image: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/b9e885a1-17f3-4d10-a1f8-6faa76387c29);
    height: 100vh;
 }


 .container-parallax1 h1{
    top: 45%;
    right: 0;
    left: 0;
    position: absolute;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-family: "Fraunces", serif;
    font-size: 100px;
 }

 /*container-parallax 2*/

 .container-parallax2{
    background-image: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/95491b12-be7f-4f2e-8a3f-10b3a9754600);
    height: 50vh;
 }

 .container-parallax2 h3,
 .container-parallax3 h3{
    width: 500px;
    padding: 10px;

    position: relative;
    top: 45%;
    right: 0;
    left: 0;
    margin: auto;

    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    font-family: "Fraunces", sans-serif;
    text-align: center;

    letter-spacing: 2px;
    background-color: #604829;
    color: #fff;
 }


 /*container parallax 3*/
 .container-parallax3{
    background-image: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/3d7290db-fe72-412b-b683-bc4d4e600b87);
    height: 50vh;
 }

 /*container parallax 4*/
 .container-parallax4{
    background-image: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/47ca359c-c063-46a7-b1f5-a98545f7f75b);
    height: 50vh;
 }


 .container-parallax4 h2{
    width: 500px;
    padding: 10px;
    position: relative;
    top: 45%;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 24px;
    font-family: "Oswald", serif;
    letter-spacing: 5px;
    text-align: center;
    color: #fff;
    background-color: #604829;
 }

 .container-parallax4 iframe{
    position: absolute;
    top: 23%;
    right: 0;
    left: 0;
    margin: auto;
 }

 .container-contatos{
    width: 500px;
    padding: 10px;
    position: absolute;
    bottom: 8%;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #604829;
 }

 .container-contatos P{
    color: #fff;
    font-family: "Oswald", sans-serif;
    line-height: 36px;
    text-shadow: 0px 6px 8px #000000;
    text-align: center;
 }

 /* Efeitos aplicados a class container-texto*/

 .container-texto{
    padding: 80px 0px;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
    color: #666;
 }


 .container-texto h2{
    margin-bottom: 30px;
    font-size: 24px;
    letter-spacing: 2px;
    font-family: "Oswald", sans-serif;
    color: #c4a47c;
 }

 .container-texto p{
    max-width: 1024px;
    padding: 0px 20px;
    margin: 0 auto;
    font-family: "Lato","sans-serif";
    line-height:34px;
    letter-spacing: 1px;
    color: #666;
 }
/*container parallax 5*/
 .container-parallax5 {
    height: 85vh;
    background-image: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/95150a61-5ed9-45e5-9fe0-9d3d80f7a500);
 }


 .container-parallax5 h2 {
    position: absolute;
    margin: 0 auto;
    top: 20%;
    right: 0;
    left: 0;
    font-family: "Oswald", sans-serif;
    text-align: center;
    letter-spacing: 8px;
    color: white;
 }

 .lista-horarios {
    /*Tag <ul>*/

    max-width: 768px;
    position: absolute;
    margin: 0 auto;
    bottom: 20%;
    right: 0;
    left: 0;
    font-family: "Oswald", sans-serif;
    list-style: none;
 }

 .lista-horarios li {
    /* tag <li>*/
    position: relative;
 }

.lista-horarios li h3 { /* subtitulo = <h3> */
 margin-bottom: 20px;
 color: #fff;
}

.lista-horarios li div {
    width: 70%;
    height: 1px;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
    background-color: #acacac;
}

.lista-horarios li p,
.texto-marrom { /* paragrafo + span*/
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
}


.texto-marrom {
    color: #c4a47c;
}


.lista-horarios li p {
    color: #acacac;
}

/*RODAPE*/


.container-rodape {
    position: relative;
    padding: 20px 0;
    line-height: 34px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: "Lado", sans-serif;
    text-align: center;
    background-color: #000000;
    color: #fff;
}


.container-rodape span{
    color: #c4a47c;
}

.container-rodape a{
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 80px;
    right: 50px;

    background: url(https://github.com/jordanrafaell/Cafeteria.github.io/assets/61181764/5aa7b5ce-c9c5-4140-9f78-76d85d4f9781) center cover #c4a47c 4px;
}