body {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Roboto Mono', monospace;
    background-color: #1abc9c;
}

main h2 {
    text-transform: uppercase;
}

main a {
    color: #1abc9c;
    text-decoration: none;
}

main h2 a {
    color: inherit;
}

main a:hover {
    text-decoration: underline;
} 

main {
    margin: 5vh 10vw;
    padding: 40px;
    background-color: #e2f1ed;
    color: #4d4d4d;
    text-align: justify;
    border-radius: 4px;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

main section {
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #ccc;
}

#logo {
    display: block;
    margin: 100px auto;
    width: 40%;
}

@media only screen and (max-width: 768px) {
    body, main {
        margin: 0;
    }
   
 
    #logo {
	width: 100%;
    }
}