body {
    margin:0;
    padding:0;
    background-color:#EBC058;
    font-family: 'Dongle', sans-serif;
}

.logo{
    display:block;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}

nav{
    width:400px;
    margin-left:auto;
    margin-right:auto;
}

nav ul li{
    display:inline-block;
    list-style: none;
}

h3{
    display:block;
    width:250px;
    font-size:28px;
    margin-left:auto;
    margin-right:auto;
}

a{
    cursor:pointer;
    text-decoration: none;
    color:#000;
}

.clothing, .tasse{
    margin-top:50px;
    width:400px;
}

.article{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:400px;
}

footer{
    position:fixed;
    text-align:center;
    width:100%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    bottom:30px;
    color:#000;
}

.fab{
    margin-right:20px;
    font-family: 'Dongle', sans-serif !important;
    font-size:24px;
}

.fab::before{
    margin-right:5px;
    font-family:'Font Awesome 5 Brands';
}

@media only screen and (max-width: 600px) {

    nav {
        width:200px;
        text-align:center;
        font-size:20px;
    }

    nav ul {
        margin:0;
        padding:0;
    }

    nav ul li {
        display:block;
        margin-bottom:20px;
    }

h3{
	font-size:24px;
  }