body{
    background: #fff4e6;
    font-family: 'Quicksand', sans-serif;
}
h1{
    font-family: 'Fredoka One', cursive;
    font-size: 30px;
}
.navbar-brand{
    font-family: 'Fredoka One', cursive;
    font-size:30px;
    color:#fff4e6!important;
}
.navbar, .btn-secondary{
    background:#854442!important;
}
.btn-secondary:hover{
    background: rgba(95, 39, 14, 0.774)!important;
}
.container, .container a, .container-fluid a{
    color:#854442!important;
}
.container a:hover, .container-fluid a:hover{
    text-decoration:none;
}
footer li{
    display:inline-block;
}
footer li + li::before{
    content:" | ";
}
.small-footer{
    font-size: 11px;
}
.breadcrumb{
    font-size:14px;
    margin:2px;
    background: rgba(0,0,0, 0.05)!important;
}
.vignette{
    width:200px;
    height:auto;
}
iframe{
    width: 100%;
}
.jeu-titre, .zone{
    display:flex;
    text-align:center;
}
.zone{
    align-items:center;
}
.zone-jeux{
    width:70%;
}
.liens{
    margin:10px;
}
.liens li{
    padding:15px;
    list-style-type: none;
    margin-bottom: 50px;

}
.liens li img, .liens li p{
    margin:10px;
    
}
.liens li img{
    width:200px;
}
.liens li a{
    font-size: 21px;
    font-weight: bold;
}
.article{
    margin:10px;
    padding: 20px;
    font-size: 14px;
}
.article h2{
    font-size: 20px;
}

@media screen and (max-device-width: 480px) {   /*si on es au dessous de 480px */
    .navbar-brand{
        font-size:22px;
    }
    .jeu-titre, .zone{
        flex-direction: column;
    }
    .zone-jeux{
        width: 100%;
    }
    .vignette{
        width:95%;
    }
    iframe{
        max-height: 400px;
    }

}