﻿.site-footer__top clearfix{
   background: #202020;
   color: white;
   display: flex;
}




.site-footer .block{
    border-color: #222222;
    width: 100vw;
}

.site-footer h2{
    color: white;
}



.site-footer__bottom{
   background: #222222;
   width: 100%;
}



.container-footer{
    display: block;
    height: 80px;
    width: 100%;
}

.copyright{
    color: #C7C7C7;
}

.site-footer{
    padding: 0px 0px 0px 0px;
}


.site-footer__bottom .region {
    display: flex;
    justify-content: center;
}


/*footer*/

footer{
    width: 100%;
    background: #202020;
    color: white;
}


.container-body{
    display: flex;
    padding: 0px 0px;
    justify-content: space-around;
}

.column1{
    max-width: 240px;
}

.column1 h1{
    font-size: 22px;
    color:white;
}

.column1 p{
    font-size: 14px;
    color: #C7C7C7;
    margin-top: 20px;
}

.column2{
    max-width: 240px;
}

.column2 h1{
    font-size: 22px;
    color:white;
}


.column3{
    max-width: 240px;
}

.column3 h1{
    font-size: 22px;
    color:white;
}

.column4{
    max-width: 240px;
}

.column4 h1{
    font-size: 22px;
    color:white;
}

.column5{
    max-width: 240px;
}

.column5 h1{
    font-size: 22px;
    color:white;
}

hr {
    background-color: #C7C7C7;
}

.footer-social-icons{
    width: 100%;
    height: auto;
    margin: auto;
}

.footer-social-icons h1{
    font-size: 22px;
    text-align: center;
    color:white;
}

.footer-social-icons ul{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.footer-social-icons ul li{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px 10px;
}

.footer-social-icons ul li a{
    color: #C7C7C7;
    font-size: 25px;
}

.footer-social-icons ul li a i{
    line-height: 50px;
}



.container-footer{
    background: #222222;
    width: 100%;
    height: 100%;
}

.copyright{
    text-align: center;
    color: #ffffff;
    padding: 20px;
}


@media screen and (max-width: 1100px){
    .container-body{
        flex-wrap: wrap;
    }
}


@media only screen and (max-width: 600px) {

    .container-body{
        flex-flow: column wrap;
    }

    .column1{padding-top: 25px;padding-left: 33%;}
    .column2{padding-top: 25px;padding-left: 33%;}
    .column3{padding-top: 25px;padding-left: 33%;}
    .column4{padding-top: 25px;padding-left: 33%;}
    .column5{padding-top: 25px;padding-left: 33%;}

  }

.site-footer__top .region:first-child {
    padding-left: 0;
    margin-top: 31px;
}

footer.site-footer {
    background-color: #222222;
}

section.row.region.region-footer-first p {
    font-size: 12px;
}

section.row.region.region-footer-first a {
    font-size: 12px;
}

section.row.region.region-footer-first li {
    font-size: 12px;
}

section.row.region.region-footer-first h2 {
    font-size: 12px;
}

.field.field--name-field-enlaces.field--type-entity-reference-revisions.field--label-hidden.field__items a {
    font-size: 12px;
}

.site-footer__top h2 {
    border-bottom: none;
    margin-bottom: -13px;
    padding-bottom: 0;
    /* text-transform: uppercase; */
}

.footer-social-icons h1{
    font-size: 14px;
}