/* Img */


/* Intro */

#intro_text1{
    grid-column: 2/7;
}

#intro_text2{
    grid-column: 7/12;
}

#intro_img{
    grid-column: 1/6;
}


#intro_ilustration{
    grid-column: 8/13;
    align-self: center;
    max-width: 380px;
    justify-self: center;
}


/* Datas */

#momentos_h1{
    grid-column: 1/13;
    text-align: center;
    grid-row: 1;
    margin-bottom: 100px;
}

#d1920{
    grid-column: 4/span 4;
    grid-row: 2;
    z-index: 10;
}


#coroa_sobre{
    grid-column: 10/13;
    max-width: 200px;
    grid-row: 2;
    rotate: -20deg;
    z-index: 5;
}

#d1940{
    grid-column: 6/span 4;
    grid-row: 3;
    z-index: 10;
}

#d1945{
    grid-column: 3/span 4;
    grid-row: 4;
    z-index: 10;
}

#d1989{
    grid-column: 5/span 4;
    grid-row: 5;
    z-index: 10;
}

#tambor_sobre{
    grid-column: 1/5;
    max-width: 320px;
    grid-row: 6;
    justify-self: center;
    z-index: 5;

}


#d1990{
    grid-column: 7/span 4;
    grid-row: 6;
    z-index: 10;
}

#d2020{
    grid-column: 4/span 4;
    grid-row: 7;
    z-index: 10;
}

#d2022{
    grid-column: 3/span 4;
    grid-row: 8;
    z-index: 10;
}

#bonecos_sobre{
    grid-column: 9/13;
    max-width: 370px;
    grid-row: 8;
    position: relative;
    top: -150px;
    z-index: 5;
}


#d2023{
    grid-column: 6/span 4;
    grid-row: 9;
    z-index: 10;
}


#fita_amarela1{
   grid-column: 1/12; 
   grid-row: 2/4;
   z-index: 1;
   align-self: center;
   margin-bottom: 24px;
   
}

#fita_amarela2{
   grid-column: 2/13; 
   grid-row: 5/8;
   z-index: 1;
   align-self: center;
   margin-bottom: 24px;
}

#fita_amarela3{
    grid-column: 2 / 11;
    grid-row: 8 / 11;
    z-index: 1;
    align-self: flex-start;
    height: 160%;
}

/* Caminhos */

.caminhos_text1{
    grid-column: 2/7;
}

.caminhos_text2{
    grid-column: 7/12;
}


#caminhos_img{
    grid-column: 7/13;
    max-width: 500px;
    justify-self: center;
    margin-bottom: 80px;
    grid-row: 1/5;
    align-self: center;
}

#caminhos_img2{
    grid-column: 1/7;
    grid-row: 5/8;
    max-width: 450px;
    justify-self: center;

}

/* App */

#app{
    grid-column: 2/7;
    align-content: center;
}

#app_telefone{
    grid-column: 7/12;
    max-width: 350px;
    justify-self: center;
}

#descarregar_app{
    display: flex;
    flex-direction: row;
}

#descarregar_app a{
    max-height: 150px;
    margin-right: 30px;
}




 @media (max-width: 800px) {
 
#intro_text1 {
    grid-column: 1 / 7;
}


#intro_text2 {
    grid-column: 7 / 13;
}

#d1920{
    grid-column: 4/span 7;
}

#d1940{
    grid-column: 6/span 7;
}

#d1945{
    grid-column: 3/span 7;
}

#d1989{
    grid-column: 5/span 7;
}

#d1990{
    grid-column: 6/span 7;
}

#d2020{
    grid-column: 4/span 7;
}

#d2022{
    grid-column: 3/span 7;
}

#d2023{
    grid-column: 6/span 7;
}


#fita_amarela1{
   grid-column: 1/13;   
}

#fita_amarela2{
   grid-column: 1/13; 
}

#fita_amarela3{
   grid-column: 2/12; 
}

.caminhos_text1 {
    grid-column: 1 / 7;
}

.caminhos_text2 {
    grid-column: 7 / 13;
}


#caminhos_img2 {
    max-width: 330px;
    justify-self: flex-start;
}

#app {
    grid-column: 1 / 8;

}

#app_telefone {
    grid-column: 8 / 13;
    margin-top: 40px;
}
}







@media (max-width: 600px) {

#intro_text1 {
    grid-column: 1 / 13;
}


#intro_text2 {
    grid-column: 1 / 13;
    margin-bottom: 40px;
}

#intro_ilustration{
    grid-column: 1/13;
    max-width: 450px;
    justify-self: center;
    grid-row: 4;

}

#intro_img {
    grid-column: 1 / 13;
    margin-bottom: 40px;
}

#momentos_h1 {
    margin-top: 80px;
    margin-bottom: 40px;
}

#d1920{
    grid-row: 3;
    grid-column: 1 / 13;
}

#d1940{
    grid-column: 1 / 13;
    grid-row: 4;
}

#coroa_sobre{
    grid-row: 2;
    max-width: 150px;
    grid-column: 1/13;
    justify-self: flex-end;
}

#d1945{
    grid-column: 1 / 13;
    grid-row: 6;
}

#d1989{
    grid-column: 1 / 13;
    grid-row: 8;
}

#tambor_sobre{
    grid-row: 7;
    grid-column: 2 / 13;
    max-width: 250px;
    justify-self: flex-end;
}

#d1990{
    grid-column: 1 / 13;
    grid-row: 9;
}

#d2020{
    grid-column: 1 / 13;
    grid-row: 10;
}

#d2022{
    grid-column: 1 / 13;
    grid-row: 12;
}

#bonecos_sobre{
   grid-row: 13; 
   position: initial;
   grid-column: 2 / 10;
    justify-self: flex-start;
    max-width: 250px;
}

#d2023{
    grid-column: 1 / 13;
    grid-row: 14;
    margin-bottom: 40px;
}


#fita_amarela1 {
    grid-column: 1 / 13;
    width: 100%;
    justify-self: center;
    align-self: flex-end;
    grid-row: 5;
    margin-bottom: 0px;
}


#fita_amarela2 {
    grid-column: 1 / 13;
    width: 100%;
    justify-self: center;
    grid-row: 11;
    align-self: flex-end;
}

#fita_amarela3 {
    grid-column: 1 / 13;
    height: 180%;
    width: 100%;
    justify-self: center;
    grid-row: 12/15;
}

.caminhos_text1 {
    grid-column: 1 / 13;
}

#caminhos_img{
    grid-row: 2;
    grid-column: 1 / 13;
    margin-bottom: 30px;
}


#caminhos_img2{
    grid-column: 1 / 13;
    justify-self: center;
    margin-bottom: 84px;
    margin-top: 80px;
}

.caminhos_text2 {
    grid-column: 1 / 13;
}


#app {
    grid-column: 2 / 12;
    margin-top: 40px;
}


#app_telefone {
    grid-column: 1 / 13;
}

}