* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.body {
    font-family: sans-serif;
}

.logo {
    display: flex;
    justify-content: center;
    height: 20vh;
    margin-left: 20%;
    margin-right: 20%;
    /* width: min(800px, 85%); */
    margin-top: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid grey;
    /* border-bottom: 10px, black; */
}

.logo img {
    content: fill;
}

h1,
h2,
h3 {
    margin: 2rem;
    font-family: sans-serif;
    margin-left: 20%;
    margin-right: 20%;
    /*   width: min(800px, 85%); */
}

@media (max-width: 500px) {
    .logo,
    h1,
    h2,
    h3 {
        margin-left: 10%;
        margin-right: 10%;
    }
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 20px;
    }
    h3 {
        font-size: 25px;
    }
}