/* https://codepen.io/DylanMacnab/pen/qbOyaB */

#footer-mobile{
    display: none;
}
#footer-desktop {
    display:block;

    background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
    font-family: "DINRegular";
}

#footer-desktop  .footer-container {
    max-width: 95% !important;
    padding:0% !important;
}

#footer-desktop  .footer-copyright {
    padding-top:1%;
    color: grey;
    font-size: 15px;
    padding-bottom: 1%;
    font-family: "DINRegular";
}

#footer-desktop  .social-media-icon{
    width:5%;
    opacity:0.5;
}
@media screen and (min-width:768px) and (max-width:1024px) {
    #footer-desktop {
        display: none;
    }

    #footer-mobile{
        display: block;
    }

    #footer-mobile {

        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        font-family: "DINRegular";
    }
    
    #footer-mobile .footer-container {
        max-width: 95% !important;
        padding:0% !important;
    }
    
    #footer-mobile .footer-copyright {
        padding-top:2%;
        color: grey;
        font-size: 15px;
        font-family: "DINRegular";
    }
    
    #footer-mobile .social-media-icon{
        width:80%;
        opacity:0.5;
    }

    #footer-mobile .footer-row {
        margin-left: 0% !important;
        padding-top:2%;
    }
}



@media screen and (max-width: 768px) {
    .col-1{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    #footer-desktop {
        display: none;
    }

    #footer-mobile{
        display: block;
    }

    #footer-mobile {

        background: -webkit-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -o-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -ms-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: -moz-linear-gradient(left, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        background: linear-gradient(to right, rgb(13, 8, 18) 0%, rgb(23, 23, 38) 80%);
        font-family: "DINRegular";
    }
    
    #footer-mobile .footer-container {
        max-width: 95% !important;
        padding:0% !important;
    }
    
    #footer-mobile .footer-copyright {
        padding-top:2%;
        color: grey;
        font-size: 15px;
        font-family: "DINRegular";
    }
    
    #footer-mobile .social-media-icon{
        width:100%;
        opacity:0.5;
    }

    #footer-mobile .footer-row {
        margin-left: 0% !important;
        padding-top:2%;
        margin-right:2%;
    }

}