/*min media queries*/
@media only screen and (min-width: 450px){
    /*titulo*/
    .title li{
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 500px){
    /*titulo*/
    .title li{
        font-size: 1.5rem;
    }

    /*Center gal intro*/
    .gal-intro > h1 {
        padding-top: 0.75rem;
    }   

}

@media only screen and (min-width: 575px){
    /*Centrar gal outro*/
    .gal-outro > a{
        padding-top: 0.75rem;
    }
}

@media only screen and (min-width: 700px){
    /*titulo*/
    .title li{
        font-size: 2rem;
    }
}

@media only screen and (min-width: 850px){
    /*titulo*/
    .menu-wrap{
        display: none;
    }

    .nav-bar{
        position: fixed;
        z-index: 1;
        display: inline;
        width: 100%;
        height: auto;
        padding-top: 1rem;
    }

    .nav-menu{
        display: inline;
        margin-top: 1rem;
    }

    .nav-op{
        display: inline;
        list-style: none;
        height: auto;
        font-size: 1.2rem;
        padding-left: 5vw;
    }
    
    .nav-op>a{
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif; 
        padding: 0.5rem;     
        color: rgba(200, 150, 41, 0.702);
        border-radius: 1rem;
        transition: color 0.3s ease-in-out;   
    }

    .nav-op>a:hover{
        color:  rgb(238, 171, 27);
        transition: color 0.3s ease-in-out;
        background-color: rgba(63, 60, 60, 0.2);
        text-decoration: none;
    }
}

/*max media queries*/
@media only screen and (max-width: 769px){
    .gallery_container .gallery_box{
   flex-direction: column;
  }

.gallery_container .gallery_box .img_box{
  width: 100%;
}

}

@media only screen and (max-width: 643px){
    .gallery_container .gallery_heading{
    width: 100%;
    }
    .gallery_container .gallery_heading h1{
    font-size: 1.5em;

    }

}