section.press {
    width: 80vw;

    position: absolute;
    top: 8rem;
    right: 2rem;

    
    padding-bottom: 7.5rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

div.article,
div.article-image {
    width: 35vw;
    height: auto;

    display: inline-block;
    position: relative;

    margin-bottom: 7.5rem;
}

div.article h6 {
    margin: 1.5rem 0 1.5rem 0
}

div.aticle p.date {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

div.article-image {
    border: 2px solid var(--color-primary);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

div.article p {
    margin-bottom: 1.5rem;
}

div.article-image:hover {
    -webkit-box-shadow: 4px 4px 0 var(--color-primary);
            box-shadow: 4px 4px 0 var(--color-primary);
}

div.article-image a:hover {
    border-bottom: none;
}


div.article-image a img{
    width: 35vw;

    max-width: 100%;
    min-height: 100%;

    border-bottom: none;
}


/* Media query
***************************************************/

@media (max-width: 1050px) {
    section.press {
        width: auto;
        right: 0;

        padding: 0 2rem 7.5rem 2rem;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;
    }

    section.press div.article, section.press div.article-image {
        width: 45%;
    }

    div.article-image {
        height: 16vh;
    }
}

@media (max-width: 700px) {
    section.press div.article, section.press div.article-image {
        width: 48%;
    }

    section.press {
        padding: 0 1rem 7.5rem 1rem;
    }

    
}

@media (max-width: 450px) {
    section.press div.article-image {
        display: none;
    }

    section.press div.article {
        width: 100%;
    }

    section.press {
        top: 9rem;
    }
}