/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

 .responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
    }
    @media only screen and (max-width: 700px) {
    .responsive {
    width: 49.99999%;
    margin: 6px 0;
    }
    }
    @media only screen and (max-width: 500px) {
    .responsive {
    width: 100%;
    }
    }

.galeria {
        padding-bottom: 1em;
        }
       
.galeria :hover{
        filter: grayscale(80%);
            }
       
.views-field-title{
            padding: 6px;
    font-size: 21px;
}
.views-field-title a{
                text-decoration: none;
                color:black;
                font-weight: 540;
            }
.views-field-field-info-frontal{
        padding: 6px;
        font-size: 15px;
    }

    #footer-col{
        padding: 20px;
     }
     
     #left, #right {
         box-sizing: border-box;
         width: 45%;
         height: 100%;
     }
     
     #left {
         margin-right: 50px;
         float:left;
     }
     
     #right {
        display: flex;
     }

     @media (min-width: 1200px){
        .footer .container {
         width: 100%;
     }}

.footer_new{
        background-color:#363636;
        color:rgb(187, 187, 187);
        height:250px;
     }

.footer_new a{
        font-size: 20px;
        color: #9b9a9c;
     }

.footer_new a :hover{
        font-size: 20px;
        color: #8052a7;
     }
     


.view-id-info_frontal{
        padding-bottom: 2em;
     }