* {
    box-sizing: border-box;
}

body {
    background-image: url(paper.jpg)
}

#wrapper {
    background-color: white;
    padding: 25px 25px;
}

.intro {
    width:90%;
    margin:auto;
    text-align:center;
}

.content {
    width:90%;
    margin:auto;
}

.card {
    margin: 15px;
    padding: 5px 25px;
    background-color: whitesmoke;
}

.card h3 {
    font-family:'Courier New', Courier, monospace;
    font-size: 1.25em;
    font-weight: bold;
}

.card hr {
    border-color:black;
}

.example img {
    max-width: 49%;
    margin: auto;
}

h1 {
    font-family: 'Courier New', Courier, monospace;
    font-size:1.5em;
}

h4 {
    font-family: 'Courier New', Courier, monospace;
}

/**
MEDIA QUERIES
**/

@media (min-width: 600px) {
    
}

@media (min-width: 1024px) {
    #wrapper {
        margin: auto;
        width: 55%;
        margin-top: 25px;
        margin-bottom: 15px;
        border-radius: 16px 16px 5px 5px;
        box-shadow: 2px 2px 5px 1px rgb(43, 44, 110, 0.5);
    }

    .commission {
        width:75%;
        margin: auto;
    }
}