/* -------------------------------- */
/* == news                 */
/* == Author : Olivier RULLIERE     */
/* == Company : OR-DESIGN.es        */
/* -------------------------------- */

/******************************************
** CONTENT
*******************************************/


/** COLUMNS ***************************/
header{
    background: url('../images/news.jpg') center center;
    background-size: cover;
}
article{
    padding: 0 20px;
    text-align: justify;
}
.left-column{
    display: inline-block;
    vertical-align: top;
    width: 60%;
    padding: 0 0 0 0;
}
.right-column{
    display: inline-block;
    vertical-align: top;
    width: 38%;
    padding: 0 0 0 20px;
    margin-left: 10px;
}
.right-column img:first-child{
    margin-top: 75px;
    width: 100%;
}
.bottom-image{
    margin: 20px 0 40px 20px;
    width: 930px;
}
.newslink{
    display: inline-block;
    width: 47%;
    vertical-align: top;
    margin: 8px;
    box-sizing: border-box;
}
.newsimg{
    width: 100%;
    height: auto;
}

/******************************************
** Media Queries
*******************************************/

@media screen and (max-width: 950px) {
    .CenterContent img:first-child{
        width: 100%;
    }
    .bottom-image{
        margin: 0 0 0 0;
    }
    .newslink{
        width: 45%;
    }
}

@media screen and (max-width: 650px) {
    .newslink{
        width: 100%;
    }
}