body {
    background-color: #FFB24F;
    font-family: 'Montserrat', sans-serif;
}

h1 {
    font-weight: 700;
    font-size:5em;
}

.header {
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.img-qonnect {
    margin-top:-50px;
    margin-left:10px;
    width:25%;
    height:25%;
}

.corps {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color:black;
    width:100%;
}

h3 {
    font-weight: 200;
    text-transform: uppercase;
    border:1px solid black;
    padding:5px 20px;
    border-radius:15px;
}
.nugget {
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

legend {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
font-style: italic;
margin-top:20px;

}

@media screen and (max-width:767px) {
    .img-qonnect {
        
        width:100%;
        height:100%;
    }
}

@media screen and (min-width:768px) {
    .nugget {
        width: 50%;
        object-fit: cover;
    }
}