/* Imgs */

#tradicao_inicio_img{
    grid-row: 1/3 ;
}

#tradicao_inicio_svg{
    grid-row: 1/4 ;
}

/* Intro */

#matrafona_img1{
    grid-column: 1/6;
    grid-row: 1/3;
    margin-bottom: 100px;
}

#matrafona_img2{
    grid-column: 9/13;
    grid-row: 2/4;
}

#matrafona_text1{
    grid-column: 7/12;
    grid-row: 1/2;
    margin-bottom: 100px;
}

#matrafona_text2{
    grid-column: 2/8;
    grid-row: 3/4;
    
}


/* Galeria */

#matrafona_vid{
    grid-column: 1/9;
    grid-row: 1/3;
    display: flex;
    align-self: flex-end;
}

#matrafona_img3{
    grid-column: 9/13;
    grid-row: 2/4;
}

#matrafona_img4{
    grid-column: 5/9;
    grid-row: 3/5;
}

/* Outras tradições */

.outras_tradicoes{
    grid-column: span 6; 
    background-color: var(--amarelo);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr auto;
    text-decoration: none;

}

#outras_reis{
    text-align: right;
}

#outras_reis_seta{
    justify-self: flex-end;
}

.setas{
    max-width: 300px;
    padding: 0px 60px 18px 60px;
}

.outras_tradicoes h4{
    padding: 14px 60px 4px 60px;
    width: 100%;
}

.outras_tradicoes img{
  border-radius: 8px 8px 0px 0px;
}

.outras_tradicoes img{
   transition: .2s;
}

.outras_tradicoes img:hover{
   scale: 1.05; 
}

@media (max-width: 900px) {

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

#matrafona_text2 {
    grid-column: 1 / 8;
}

}




@media (max-width: 700px) {

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


#matrafona_img1 {
    grid-column: 1 / 13;
    grid-row: 2;
}



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


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

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

#matrafona_img3 {
    grid-column: 8 / 13;
    grid-row: 2;
}

#matrafona_img4 {
    grid-column: 1 / 8;
    grid-row: 2;
}

}





@media (max-width: 600px) {

.setas {
    padding: 0px 20px 14px 20px;
    max-width: 200px;
}

.outras_tradicoes h4 {
    padding: 10px 20px 0px 20px;
    font-size: 12px;
    line-height: 20px;

}



}