footer {

    height: auto;

    background-color: #181c24;

    padding: 45px 30px 20px 30px;

}



.footer-info {

    width: 80%;

    margin-left: auto;

    margin-right: auto;

}



.footer-1 {

    width: 65%;

}



.footer-2 {

    width: 20vh;

}



.footer-3 {

    height: 100px !important;

    width: 30vh;

}



.list img {

    height: 20px;

    float: left;

}



.email-link {

    display: flex;

    align-items: center;

}



.email-link a {

    margin-left: 8px;

    margin-top: -3px;

}



footer .col {

    list-style-type: none;

    text-decoration: none;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    float: left;

    height: 250px;

}



footer .col h2 {

    color: white;

    padding-bottom: 10px;

}



footer .col ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



footer .col ul li a {

    text-decoration: none;

    color: white;

    line-height: 32px;

}



.info-content {

    width: 80%;

    margin-top: 30px;

}



.info-content p {

    font-size: 15px;

    text-align: justify;

    color: white;

    line-height: 22px;

}



.social-medias {

    padding-top: 15px;

}



.social-medias p {

    color: white;

    font-weight: 400;

    padding-right: 15px;

}



.social-medias img {

    height: 35px;

    background-color: rgb(218, 67, 67);

    border-radius: 50px;

    padding: 4px;

}



.facebook-icon {

    margin-left: 5px;

}



.footer-info .pp-logo {

    width: 200px;

}



.footer-info h2 {

    color: rgba(0, 0, 0, 0.829);

    font-size: 25px;

}



.email-icon-spin {

    transition: transform 0.4s ease-in-out;

}



.email-icon-spin:hover {

  transform: rotate(360deg);

}



.place-contact {

    color: white;

}



.tag {

    height: 30px;

    text-align: center;

    padding-top: 20px;

}



.tag-owner {

    font-size: 12px;

    color: white;

    margin: 0;

}



.footer-line {

    width: 120vh;

    color: white;

    margin: 0 auto;

}



@media (max-width: 1800px) {

    .footer-1 {

        width: 60%;

    }



    .footer-line {

        width: 100%;

    }

}



@media (max-width: 1500px) {

    .footer-1 {

        width: 55%;

    }

}



@media (max-width: 1350px) {

    .footer-1 {

        width: 90%;

    }



    .footer-2 {

        width: 90px;

    }



    .footer-line {

        width: 95%;

    }



    .info-content {

        width: 85%;

    }

}



@media (max-width: 1200px) {

    .footer-1 {

        width: 85%;

    }



    .info-content {

        width: 80%;

    }

}



@media (max-width: 1100px) {

    .footer-1 {

        width: 100%;

    }



    .info-content {

        width: 95%;

    }

}



@media (max-width: 800px) {

    .info-content p {

        font-size: 13px;

    }



    .footer-1 {

        height: 100%;

    }



    .col h2 {

        font-size: 25px;

    }



    .footer-1 {

        margin-bottom: 3%;

    }

}



@media (max-width: 600px) {

    .social-medias {

        text-align: right;

    }



    .footer-1 {

        margin-bottom: 12% !important;

    }

}