footer{
    z-index: 10;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: white;
    padding: 0.2rem 2rem 0 1rem;
    height: 10vh;
}
footer section {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
footer article{
    width: 50%;
    display: flex;
    align-items: center;
    padding: 0 1em;
}
footer article:nth-of-type(2){
    justify-content: flex-end;
}
footer article:nth-of-type(2) p:nth-of-type(2), footer article:nth-of-type(1) p{
    padding-left: 1em;
}
footer p{
    margin: 0;
    color: #7d6b6b;
    letter-spacing: 0.2em;
}
footer ul {
    padding: 0; margin: 0;
}
footer li {
    padding-left: 1em;
    height: 100%;
    display: inline;
    list-style: none;
}

footer section img{
    -o-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
footer section img:hover{
    transform: scale(1.1);
}
footer section .cv-img:hover{
    border-radius: 0.3em
}

/********************************************************************************
******************************* RESPONSIVE **************************************
/********************************************************************************/

/*---------------------------WIDTH 1050---------------------------*/
@media (max-width: 1260px), screen and (max-height: 700px) {
    footer {
        padding: 0 2rem 0 1rem;
        font-size: 0.8em;
    }
    footer section{
        align-items: center;
    }
    footer article{
        padding: 0;
        flex-flow: row-reverse;
    }
    footer article:nth-of-type(1) p:nth-of-type(1), footer article:nth-of-type(2) p:nth-of-type(2){
        display: none;
    }
    footer article:nth-of-type(2) ul{
        width: 10em;
    }
}

/*---------------------------WIDTH 720---------------------------*/
@media (max-width: 720px) {
    footer article p {
        font-size: 0.6em;
    }
    footer article {
        height: 100%;
        align-items: baseline;
    }
    footer article:nth-of-type(2){
        width: 55%;
    }
    footer article:nth-of-type(1){
        width: 45%;
    }
}

/*---------------------------WIDTH 420---------------------------*/
@media (max-width: 420px){
    footer{
        padding: 0;
        text-align: center;
    }
    footer section{
        display: inline-flex;
    }
    footer article{
        display: contents;
    }
    footer article li img{
        width: 35px;
        border-radius: 0.2em;
    }
    footer article p {
        display: none;
    }
}

/*---------------------------HEIGHT 420---------------------------*/
@media (max-height: 420px) {
    footer article p {
        display: none;
    }
    footer article li a {
        display: inline-flex;
        align-items: center;
        height: 10vh;
    }
    footer article li a img{
        width: 30px;
        height: 30px;
    }
}