/*
 * Estilos base
 */

*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto'; }
audio, canvas, iframe, img, svg, video {vertical-align: middle; }
textarea {resize: vertical; }
body.active, html.active{height: 100%; overflow-y: hidden; }

.browser-upgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.screen-readers-hide {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after {clear: both; }

.wrapper{width: 90%; margin: 0 auto; max-width: 80rem; }

/* Header */

header .logo{
    max-width: 26rem;
}

header .logo img{
    width: 100%;
}

header{background: #1872C5; padding: 1.5rem 0; z-index: 1500;}
header .wrapper{display: flex; align-items: center; justify-content: space-between; }
header .block{display: flex; align-items: center;}
header .block-2{display: none; width: 48px; cursor: pointer; height: 40px; position: relative; }
header .block-2 span{background: #fff; width: 40px; position: absolute; left: 4px; top: 0; height: 2px; display: block; transition: all .4s; }
header .block-2 span:nth-of-type(1){top: 8px; }
header .block-2 span:nth-of-type(2){top: 18px; }
header .block-2 span:nth-of-type(3){top: 18px; }
header .block-2 span:nth-of-type(4){top: 28px; }
header .block-2.active span:nth-of-type(1){transform: scaleX(0); transform-origin: 0 0; }
header .block-2.active span:nth-of-type(2){transform: rotate(45deg); }
header .block-2.active span:nth-of-type(3){transform: rotate(-45deg); }
header .block-2.active span:nth-of-type(4){transform: scaleX(0); transform-origin: 100% 0; }
header .col{width: auto; float: left; margin-left: 4rem;}
header .col > div{ display: flex; align-items: center;}
header .col div div{ float: right; }
header .col i{background: #084884; width: 2.5rem; height: 2.5rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 100%; float: left; margin-right: .5rem; transform: translateY(2px); }
header .col p{color: #a5d4ff; font-weight: bold; line-height: 1.4; font-size: 1.125rem;}
header .noshow { display: none; }

/* Nav menu */

.nav-menu{background: #1872C5;border-top: 1px solid #42A4FF; }
.nav-menu .wrapper{
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 200000;
}
.nav-menu nav{ float: left; transform: translateX(2.5rem);}
.nav-menu nav > ul > li{display: inline-block; list-style: none; color: #fff; position: relative; }
.nav-menu nav > ul > li.dropdown > a:after{content: '\f107'; font-family: 'FontAwesome'; padding-left: .5rem; vertical-align: -1px; }
.nav-menu nav > ul > li:hover{color: #a5d4ff; }
.nav-menu nav > ul > li:hover > ul{visibility: visible; opacity: 1; transform: translate3d(0, 0, 0);}
.nav-menu nav > ul > li > a{color: inherit; text-decoration: none; display: block; padding: 1rem 1.5rem; margin-right: 1rem; font-weight: bold;  text-transform: uppercase;}
.nav-menu nav > ul > li > ul{z-index: 20000; position: absolute; background: #fff; box-shadow: 0 0 6px 2px rgba(0,0,0,.1); width: 14rem; padding: .5rem; top: calc(100% + 10px); border-top: 2px solid #084884; visibility: hidden; opacity: 0; transform: translate3d(0, 2rem, 0); transition: all .4s; }
.nav-menu nav > ul > li > ul:before{width: 100%; position: absolute; top: -12px; content: ''; display: block; left: 0; height: 12px; }
.nav-menu nav > ul > li > ul > li{color: #42A4FF; font-weight: 300; list-style: none; }
.nav-menu nav > ul > li > ul > li > a{color: inherit; text-decoration: none; display: inline-block; padding: .5rem; }
.nav-menu nav > ul > li > ul > li > a:hover{color: #084884; }
.nav-menu i{
    float: right;
    width: 2rem;
    color: #fff;
    font-size: 1.25rem;
    height: 3rem;
    align-items: center;
    display: flex;
    text-align: center;
}

.nav-menu i:hover{
    color: #084884;
}

.nav-overlay{
    background: rgba(0,0,0,0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: all .4s;
}

.nav-overlay.active{
    opacity: 1;
    pointer-events: all;
}

/* HOME SECTIONS */

.padding-section{padding: 4rem 0; }
.arrow{width: 2.5rem; height: 2.5rem; background: #444; color: #fff; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 10000; border-radius: 100rem; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.arrow:hover{background: #222; }
.arrow.back{left: 2rem; }
.arrow.next{right: 2rem; }

.mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(images/mask.png); z-index: 200; opacity: .2; }

/* Splash section */


.home-1{
    position: relative;
}

.home-1 .slide{
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; position: relative;
}

.home-1 .sl-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-1 .wrapper{
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 300;
}
.home-1 .col-1{
  width: 50%;
  padding: 6rem 0;
  float: left;
}

.home-1 .col-2{
  width: 50%;
  float: left;
  position: relative;
}

.home-1 h1{margin: 0; font-size: 4rem; color: #fff; background: rgba(0,0,0,.8); padding: 1rem 2rem; display: inline-block;}
.home-1 p{display: inline-block; font-size: 1.5rem; color: #fff; background: rgba(0,0,0,.6); padding: 1rem; margin-top: 1rem;}

/* Colored band section */

.home-2.padding-section{ padding: 2rem 0;}
.home-2{background: #1973C7; color: #fff; text-align: center; position: relative; }
.home-2 h2{font-size: 2.5rem;}
.home-2 p{font-size: 1.125rem; }
.home-2:after{content: ''; display: block; position: absolute; bottom: -20px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #1973C7; }

/* Products / services section */

.home-3 .wrapper{
}

.home-3 .cols{
    display: flex;
    flex-wrap: wrap;
}

.home-3 .col{
    width: calc(33.333333% - 2rem);
    margin: 1rem;
}

.home-3 .container{
    transform-style: preserve-3d;
    perspective: 1000px;
}

.home-3 .front,
.home-3 .back{
    background-size: cover;
    background-position: center;
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    text-align: center;
    min-height: 280px;
    height: auto;
    border-radius: 10px;
    color: #fff;
    font-size: 1.5rem;
}

.home-3 .back{
    color: #fff;
    background: #1973C7;
}

.home-3 .back a{
    color: #fff;
    text-decoration: none;
}

.home-3 .back a:hover{
    text-decoration: underline;
}

.home-3 .front:after{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: .6;
    background-color: #000;
    backface-visibility: hidden;
    border-radius: 10px;
}


.home-3 .container:hover .front,
.home-3 .container:hover .back{
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.home-3 .back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home-3 .back .inner a:hover{
    text-decoration: underline;
}

.home-3 .inner{
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    outline: 1px solid transparent;
    perspective: inherit;
    z-index: 2;
}

.home-3 .container .back{
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.home-3 .container .front{
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.home-3 .container:hover .back{
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}

.home-3 .container:hover .front{
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
}

/* Brands section */

.home-4{background: url(images/home/2.jpg) no-repeat center center; background-size: cover; text-align: center; padding: 6rem 0; position: relative; }
.home-4 .block{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home-4 .block:after, .home-4 .block:before{width: 100%; height: 1rem; background: #fff; opacity: .6; content: ''; display: block; position: absolute; left: 0; }
.home-4 .block:before{top: 0; }
.home-4 .block:after{bottom: 0; }
.home-4 .wrapper div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.home-4 .col{width: 20%; margin-bottom: 2rem;}
.home-4 .col img{max-width: 60%; display: block; margin: 0 auto; opacity: .6; transition: all .4s; }
.home-4 .col:hover img{opacity: 1; }
.home-4 h2{font-size: 2.5rem; color: #fff; margin-bottom: 4rem; }

/* Testimonials section */

.home-5{text-align: center; }
.home-5 h2{font-size: 2.5rem; margin-bottom: 4rem; }
.home-5 h2:after{width: 3rem; height: 0.125rem; background: #42A4FF; content: ''; display: block; margin: 2rem auto 0; }
.home-5 .col{width: 25%; text-align: left; float: left; padding: 1.5rem; }
.home-5 .col img{border-radius: 100%; float: left; margin-right: 1rem; }
.home-5 .block{border-bottom: 1px solid #ddd; padding-bottom: 1.5rem; margin-bottom: 1rem; position: relative; }
.home-5 .block h3{color: #4BA8FF; }
.home-5 .block p{color: #999; font-weight: 300; }
.home-5 .block p, .home-5 .block h3{transform: translateY(5px); }
.home-5 .col blockquote{color: #444; font-weight: 300; font-style: italic; line-height: 1.5; }
.home-5 .block:before{width: .5rem; height: .5rem; background: #fff; border: 1px solid #ddd; content: ''; position: absolute; left: 1.125rem; bottom: -0.25rem; display: block; transform: translateY(1px) rotate(45deg); }
.home-5 .block:after{width: 4rem; height: 1rem; background: #fff; position: absolute; content: ''; display: block; bottom: -1rem; transform: translateY(1px); }

/* Map section */

.home-6 img{width: 100%; display: block; }

/* Footer */

footer{background: #1872C5; padding: 4rem 0; }

footer .logo{
    max-width: 15rem;
}

footer .logo img{
    width: 100%;
}
footer .wrapper{display: flex; }
footer .social{margin-top: 1rem; margin-left: -8px}
footer .social i{font-size: 1.25rem; padding: .4rem; }
footer .social a{color: rgba(255,255,255,0.6); text-decoration: none; }
footer .social a:hover{color: #42A4FF; }
footer .col-1{width: 20%; float: left; position: relative;  display: flex;
align-items: center;}
footer .col-2{width: 40%; padding: 0 4rem 0; float: left; }
footer .col-2 p{color: rgba(255,255,255,0.6); line-height: 1.4; margin: 1.5rem 0 1rem; }
footer .col-2 input{width: calc(100% - 8rem); border: none; height: 2.125rem; padding: 0 0.5rem; display: inline-block; }
footer .col-2 button{cursor: pointer; width: 8rem; margin-left: -4px; border: none; background: #42A4FF; color: #fff; height: 2.125rem; font-size: 0.875rem; font-weight: bold; display: inline-block; }
footer .col-2 button:hover{background: #084884; }
footer .col-2 h3, footer .col-3 h3{color: #fff; font-size: 1.5rem; padding-bottom: .5rem; border-bottom: 1px solid #bbb; }
footer .col-3{width: 40%; float: left; }
footer .col-3 .block-1, footer .col-3 .block-2{width: 50%; float: left; margin-top: 1.5rem; }
footer .col-3 p{color: rgba(255,255,255,0.6); }

.icon:before{font-family: 'FontAwesome'; color: #fff; width: 1.5rem; display: inline-block; }
.icon-padding{padding-left: 1.5rem; }
.icon-padding-2{ margin-bottom: 1rem; }
.icon-phone:before{content: '\f095'; }
.icon-mail:before{content: '\f003'; }
.icon-place:before{content: '\f041'; }
.icon-clock:before{content: '\f017'; }

/* Block under the footer */

.under-footer{background: #084884; padding: 1rem 0; }
.under-footer .wrapper{display: flex; align-items: center; justify-content: space-between; }
.under-footer p{color: rgba(255,255,255,0.6); }
.under-footer a.aa{color: #42A4FF; font-size: 0.875rem; font-weight: bold; text-decoration: none; }
.under-footer a.aa:hover{color: #fff; }
.under-footer .wrapper div a img{
    height: 2rem;
    margin-right: 1rem;
}


/* MAIN */

main{
    padding: 2rem 0;
}

main .title{
    font-weight: 300;
    margin-bottom: 2rem;
}

main p{
    font-weight: 300;
    margin-bottom: 1rem;
    line-height: 1.5;
}

/* CONTACT */

.contacto .col-1{
    width: 48%;
    margin-right: 4%;
    float: left;
}

.contacto .col-1 label{
    display: block;
    font-size: .875rem;
    font-weight: 300;
    padding-bottom: .125rem;
}

.contacto .col-1 input,
.contacto .col-1 textarea{
    width: 100%;
    font-family: inherit;
    padding: .5rem;
    margin-bottom: 1rem;
    border-radius: 0.25rem;
    border: 1px solid #ddd;
}

.contacto .col-1 input:focus,
.contacto .col-1 textarea:focus{
    border: 1px solid #1872C5;
    outline: none;
}

.contacto .col-1 textarea{
    height: 5rem;
    resize: none;
}

.contacto button{
    background: #1872C5;
    color: #fff;
    padding: .75rem 1.5rem;
    border: none;
    font-family: inherit;
    font-size: .875rem;
    border-radius: .25rem;
    cursor: pointer;
}

.contacto button:hover{
    background: #084884
}

.contacto .col-2{
    width: 48%;
    float: left;
}

.contacto .col-2 iframe{
    width: 100%;
}

.contacto .col-2 img{
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.contacto .col-2 h2{
    margin-bottom: .5rem;
}

.contacto .col-1 input.captcha-field{
    width: calc(100% - 12rem);
    border-radius: 5px 0 0 5px;
    border-right: none;
}

.captcha-field-container div{
    display: flex;
}

.captcha-image{
    margin-bottom: 1rem;
    border-radius: 0 5px 5px 0;
}

/* QUIENES SOMOS */

.quienes-somos .col-1{
    width: 100%;
    float: left;
    margin-right: 0;
}

.quienes-somos .col-2{
    width: 48%;
    float: left;
    margin-bottom: 2rem;
}

.quienes-somos .col-2 img{
    width: 100%;
}

.quienes-somos.rep .col-1{
    width: 56%;
}

.quienes-somos.rep .col-2{
    width: 40%;
}

.quienes-somos h2{
  font-weight: normal;
  margin-bottom: .5rem;
}

.quienes-somos .col-1 ul li{
  font-weight: 300;
  padding-left: .125rem;
  list-style: none;
  line-height: 1.5;
}

.quienes-somos .col-1 ul li:before{
  content: '\f105';
  font-family: 'FontAwesome';
  padding-right: .5rem;
}

.quienes-somos .col-2 .person{
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: .5rem;
}

.quienes-somos .col-2 .person img{
    height: 8rem;
    width: 8rem;
    border-radius: 100%;
    margin-right: 1rem;
}

.quienes-somos .col-2 .person.sp img{
    margin-right: 0;
    margin-left: 1rem;
}

.quienes-somos .col-2 .person .info{
    width: calc(100% - 9rem);
}

.quienes-somos .col-2 .person.sp .info{
    text-align: right;
}

.quienes-somos .col-2 .person .info p{
    margin-bottom: 0;
}

.quienes-somos .col-2 .person .info p,
.quienes-somos .col-2 .person .info a{
    font-size: 1.125rem;
    line-height: 1.5;
}

.quienes-somos .icon:before{
    width: 2rem;
    text-align: center;
    font-family: 'FontAwesome';
    color: #000;
    display: inline-block;
}

.quienes-somos .person.sp .icon:before{
    width: 0;
    display: none;
}

.quienes-somos .person.sp .icon:after{
    width: 2rem;
    text-align: center;
    font-family: 'FontAwesome';
    color: #000;
    display: inline-block;
}

.quienes-somos .person.sp .icon-name:after{
    content: '\f007';
}

.quienes-somos .person.sp .icon-mail:after{
    content: '\f0e0';
}

.quienes-somos .person.sp .icon-job:after{
    content: '\f0b1';
}

.quienes-somos .person.sp .icon-linkedin:after{
    content: '\f08c';
}

.quienes-somos .icon-name:before{
    content: '\f007';
}

.quienes-somos .icon-mail:before{
    content: '\f0e0';
}

.quienes-somos .icon-job:before{
    content: '\f0b1';
}

.quienes-somos .icon-linkedin:before{
    content: '\f08c';
}

/* GALERIAS */

.grid{
    transition: all .5s;
    width: 102%;
    margin-left: -1%;
}

.grid div{
    width: 31.333333%;
    margin: 1%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.grid div img{
    width: 100%;
}

.grid div:after{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
    background: rgba(39, 45, 51, .8);
    z-index: 10;
    opacity: 0;
    transition: all .22s;
}

.grid div span{
    position: absolute;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
    z-index: 20;
    opacity: 0;
    transition: all .22s;
}

.grid div span:after{
    width: 60%;
    max-width: 4rem;
    height: 0.25rem;
    background: #1872C5;
    display: block;
    content: '';
    position: absolute;
    bottom: -2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform-origin: 50%;
    transform: scaleX(0);
    transition: all .22s;
    transition-delay: .1s;
}

.grid div:hover:after{
    opacity: 1;
}

.grid div:hover span{
    opacity: 1;
}

.grid div:hover span:after{
    transform: scaleX(1);
}








/* MEDIA QUERIES */

@media screen and (max-width: 1500px){
    .home-1 .col-1{
        width: 75%;
    }
}

@media screen and (max-width: 1200px){
    header .logo{
        max-width: 20rem;
    }

    .home-1 .col-1{
        width: 100%;
    }
}

@media screen and (max-width: 1120px){
    header .logo{
        max-width: 16rem;
    }
}


@media screen and (max-width: 85rem){
    header .col{margin-left: 2rem; }
    header .col p{font-size: .875rem; }
    header .col i{width: 2.125rem; height: 2.125rem; }

    .home-1 h1{font-size: 3rem; max-width: 60%; }
}

@media screen and (max-width: 78rem){
    .quienes-somos.rep .col-1{
        width: 100%;
        float: none;
        margin: 0 0 2rem 0;
    }

    .quienes-somos.rep .col-2{
        width: 100%;
        float: none;
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 64rem){

    footer .logo{
        margin: 0 auto;
    }

    header .col-horario{display: none; }

    .home-1 .bx-wrapper{
        display: none;
    }

    .home-1 .sl-text{
        background: url(images/home/slider/0.jpg) no-repeat center center;
        background-size: cover;
        position: static;
    }

    .home-1 .col-1{
        width: 100%;
    }

    .home-3 p{ font-size: 1.125rem }
    .home-3 .block img{ max-width: 80% }

    .home-4{ padding: 4rem 0 2rem }
    .home-4 .wrapper > div{display: flex; flex-wrap: wrap; justify-content: center; }
    .home-4 .col{ width: 25%; margin-bottom: 2rem;}

    .home-5 .col{width: 50%;}

    .home-6{
        height: 20rem;
        background: red;
        position: relative;
        overflow: hidden;
    }

    .home-6 img{
        height: 20rem;
        width: auto;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    footer .wrapper{
        flex-wrap: wrap;
    }

    footer .col-1{
        width: 100%;
        text-align: center;
    }

    footer .social{
        margin-left: 0;
        margin-top: 2rem;
    }

    footer .col-2{
        width: 100%;
        padding: 0;
        margin: 4rem 0;
    }

    footer .col-3{
        width: 100%;
    }

    .grid div{
        width: 31.33333%;
    }

    .nav-menu nav > ul > li > a{
        padding: 1rem .5rem;
    }

    .quienes-somos .col-1{
        width: 100%;
        float: none;
    }

    .quienes-somos .col-2{
        width: 100%;
        float: none;
    }

    .home-3 .col{
        width: calc(50% - 2rem);
        margin: 1rem;
    }
}

@media screen and (max-width: 48rem){

    main{
        padding: 5rem 0;
    }

    .home-1{ padding-top: calc(4rem - 13px); background: #f1f1f1; text-align: center; }
    .home-1 h1{font-size: 2.5rem; margin-bottom: 2rem;}
    .home-1 p{font-size: 1.25rem; }
    .home-1 h1, .home-1 p{margin: 0 auto; max-width: 80%; }

    .home-3 .block,
    .home-4 .col{width: 50%; }

    .nav-menu{position: fixed; transform: translate3d(100%, 0, 0); top: 172px; right: 0; width: 16rem; background: #135B9E; height: calc(100vh - 172px); overflow-y: scroll; overflow-x: hidden; transition: all .4s; z-index: 2000}
    .nav-menu.active{transform: translate3d(0, 0, 0); }
    .nav-menu nav{border: none; width: 100%; transform: translate(0, 0);}
    .nav-menu nav > ul > li{display: block; }
    .nav-menu nav > ul > li > a{padding: 0.75rem; font-weight: normal; }
    .nav-menu nav > ul > li:not(.dropdown) > a{border-bottom: 1px solid rgba(0,0,0,0.2); }
    .nav-menu nav > ul > li > ul{position: static; display: block; visibility: visible; opacity: 1; transform: translate3d(0,0,0); box-shadow: none; background: rgba(0,0,0,0.1); width: 100%; border-bottom: 2px solid #084884; margin-bottom: .5rem; }
    .nav-menu nav > ul > li > ul > li > a{color: #fff; padding: 0; }
    .nav-menu nav > ul > li > ul > li > a:hover{color: rgba(255,255,255,0.6); }

    header{position: relative; padding: 2rem 0; }
    header .block-2{display: block; }
    header .col-direccion{display: none; }
    header .col-telefono{position: absolute; top: 100%; border-top: 1px solid rgba(0,0,0,.2); background: #1872C5; left: 0; margin: 0; text-align: center; width: 100%; padding: .5rem 0; }
    header .col > div{float: none; display: flex; align-items: center; justify-content: center;}
    header .col div.noshow{
        display: none;
    }

    .grid div{
        width: 48%;
    }

    .contacto .col-1,
    .contacto .col-2{
        width: 100%;
        margin: 0;
    }

    .home-3 .col{
        width: 100%;
        margin: 0 0 2rem 0;
    }
}

@media screen and (max-width: 32rem){

    .showw{
        display: none;
    }

    .home-1 h1{max-width: 100%; font-size: 1.875rem; }
    .home-1 p{max-width: 100%; font-size: 1.125rem; }
    .home-1 a{padding: 0.875rem 1.75rem; }

    .home-3 .block,
    .home-4 .col,
    .home-5 .col{width: 100%;}

    footer .col-3 .block-1, footer .col-3 .block-2{
        width: 100%;
        margin-top: 1rem;
        float: none;
    }

    footer .col-2,
    footer .col-3{
        text-align: center;
    }

    .under-footer p{
        display: none;
    }

    .under-footer .wrapper{
        justify-content: center;
        text-align: center;
    }

     .grid div{
        width: 98%;
    }
}