*{
    margin :0;
}

.body{

    color: white;
    background:#8ebaec;
    font-family : 'Open Sans' , sans-serif;

}

/* HEADER */

header{
    padding-top: 1%;
    background-color: white;
    color : #004b91;
}
.logo-header{
    width : 20%;
}
.slogan>p {
    margin : 0;
}
/* MAIN */
main{
    padding: 1%;
}

/* //// MEDIA QUERIES \\\\\ */

@media(min-width:576px) {

   .logo-header{
       width : 14%;
   }

    .mascotte{
        height : 300px;
        width : 243px;
    }

    @media(min-width:768px) {

        .logo-header{
            width : 12%;
        }

    }

    @media(min-width:992px) {
        .logo-header{
            width : 10%;
        }
    }

    @media(min-width: 1200px){
        .logo-header{
           width :8%;
        }
    }

    @media(min-width: 1400px){
        .logo-header{
            width : 6%;
        }
    }
}