/*MOBILE*/
@media screen and (max-width: 767px) {
   .partnersDesktop{
       display: none;
   }
    footer {
        background-color: #F7941D ;
        margin-top: -10px;
    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    .INd .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fe8927; /* fallback for old browsers */
        background: linear-gradient(rgba(254, 137, 39, 0.8), rgba(254, 137, 39, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg"); /* Chrome 10-25, Safari 5.1-6 */
    }

    .column {
        float: left;
        width: 33.33%;
        padding: 10px;
        height: 300px; /* Should be removed. Only for demonstration */
    }

    #esd {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #F7941D;

    }

    #equity {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #84E528;
    }

    #idea {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #263484;
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    .vl {
        border-left: 4px solid grey;
        height: 270px;
    }

    .column3 {
        float: left;
        width: 50%;
        padding: 10px;
        height: 300px; /* Should be removed. Only for demonstration */
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    .vl {
        border-left: 4px solid grey;
        height: 270px;
    }

}

/*DESKTOP*/
@media screen and (min-width: 767px) {
    .partnersMobile{
        display: none;
    }
    footer {
        background-color: #F7941D ;
        margin-top: -10px;
    }

    .rounded-social-buttons {
        text-align: center;
    }

    .rounded-social-buttons .social-button {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.125rem solid transparent;
        padding: 0;
        text-decoration: none;
        text-align: center;
        color: #fefefe;
        font-size: 1.5625rem;
        font-weight: normal;
        line-height: 2em;
        border-radius: 1.6875rem;
        transition: all 0.5s ease;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
    }

    .rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
        font-size: 25px;
    }

    .rounded-social-buttons .social-button.facebook {
        background: #3b5998;
    }

    .rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
        color: #3b5998;
        background: #fefefe;
        border-color: #3b5998;
    }

    .rounded-social-buttons .social-button.twitter {
        background: #55acee;
    }

    .rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
        color: #55acee;
        background: #fefefe;
        border-color: #55acee;
    }

    .rounded-social-buttons .social-button.linkedin {
        background: #007bb5;
    }

    .rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
        color: #007bb5;
        background: #fefefe;
        border-color: #007bb5;
    }

    .rounded-social-buttons .social-button.youtube {
        background: #bb0000;
    }

    .rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
        color: #bb0000;
        background: #fefefe;
        border-color: #bb0000;
    }

    .rounded-social-buttons .social-button.instagram {
        background: #125688;
    }

    .rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
        color: #125688;
        background: #fefefe;
        border-color: #125688;
    }


    .INd .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #fe8927; /* fallback for old browsers */
        background: linear-gradient(rgba(254, 137, 39, 0.8), rgba(254, 137, 39, 0.8)), url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg"); /* Chrome 10-25, Safari 5.1-6 */
    }

    .column {
        float: left;
        width: 33.33%;
        padding: 10px;
        height: 300px; /* Should be removed. Only for demonstration */
    }

    #esd {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #F7941D;

    }

    #equity {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #84E528;
    }

    #idea {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #263484;
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    .vl {
        border-left: 4px solid grey;
        height: 270px;
    }

    .column3 {
        float: left;
        width: 50%;
        padding: 10px;
        height: 300px; /* Should be removed. Only for demonstration */
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }

    .IN .overlay {
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(85, 85, 85, 0);
        background: -moz-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(85, 85, 85, 0)), color-stop(65%, rgba(85, 85, 85, 0.7)), color-stop(100%, rgba(85, 85, 85, 0.9)));
        background: -webkit-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(85, 85, 85, 0) 0%, rgba(85, 85, 85, 0.7) 65%, rgba(85, 85, 85, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#555555', GradientType=0);
    }

    .vl {
        border-left: 4px solid grey;
        height: 270px;
    }

}