@font-face {
    font-family: 'light';
    src: url(/assets/fonts/Balboa-UltraLight/font.ttf);
}
/* RESET */
*, *:before, *:after {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
    
}

html {
    background: #e4ebdf;
    font: 'light';
}

main {
    font: 62.5% 'light', sans-serif;
    display: flex;
    flex-direction: column;
    font-size: 1.1rem;
    color: black;
    width: 100%;
}

ul {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

.hide {
    display: none;
}

.hidden{
    visibility: hidden;
}
/* END RESET */

/* .logo{
    text-align: center;
    margin: 35px;
}
    .logo img{
        width: 60%;
        height: auto;
    } */

h1, h2, h3{
    text-align: center;
    margin-top: 25px;
}

.press_kit{
    background: linear-gradient(to right, #FBA00B 50%, #FFF 50%);
    background-size: 300% 100%;
    background-position: left bottom;
    color: #fff;
    border-radius: 3px;
    font-size: 0.8rem;
    align-self: center;
    margin: 30px;
    padding: 15px 50px ;
    transition: all 0.8s ease;
    text-align: center;
    width: 60vw;
}
    .press_kit:hover{
        /* background: linear-gradient(to right, #FBA00B 50%, #FFF 50%);
        background-size: 300% 100%;
        background-position: right bottom; */
        /* border-color: #FFF !important;
        color: #FBA00B !important; */
        opacity: 80%;
        border-color: #FFF !important;
    
    }

body>.main-container{
    justify-content: center;
}

.main-container{
    align-self: center;
    width: 100vw;
}

.container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 40px 20px;
    justify-content: center;
    
}

.french_press, .foreign_press{
    padding-top: 30px;
}

.press{
    background: #fff;
    padding: 10px;
    margin: 5px;
    height: 100px;
    width: 100px;
}

.press:hover{
    border: 2px solid #FBA00B;
    }

.press>.logo_press{
    vertical-align: middle;

}

.logo_press{
    height: auto;
    width: 100%;
    overflow: hidden;
    align-items: center;

}

/* LOGO */
/* .lobs
.parisien
.strategies
.lindependant
.depeche
.midi
.valeur
.lci
.bfm
.rmc
.francebleu
.tribunal
.journalfemme
.videodechasse
.chassons
.jeuvideo
.clau
.france24
.jnews
.contrepoint
.voici
.perpignan */



@media ( min-width: 360px ) {
    /* .logo img{
        width: 50%;
    } */

    .main-container{
        width: 90vw;
    }
    
    .press_kit{
        font-size: 0.9rem;
        width: 50vw;
    }

}

@media ( min-width: 576px ) {
    /* .logo img{
        width: 40%;
    }
 */
    .main-container{
        width: 70vw;
    }

    .press_kit{
        font-size: 1rem;
        width: 40vw;
    }
}

@media ( min-width: 992px ) {
    /* .logo img{
        width: 30%;
    } */

    .main-container{
        width: 60vw;
    }

    .press_kit{
        font-size: 1.2rem;
        width: 30vw;
    }
}

    @media ( min-width: 1200px ) {
        /* .logo img{
            width: 20%;
        } */

    .main-container{
        width: 50vw;
    }

    .press_kit{
        font-size: 1.3rem;
        width: 20vw;
    }
}