body {
    margin: 0;
    font-family: "American Typewriter", serif;
    background-color: #dcd4c5;
}

.hero-text {
    text-align: center;
}

nav {
    background-color: #1e362a;
    padding: 20px;
    text-align: center;
}



nav a {
    color: white;
    text-decoration: none;
    margin: 10px;
    font-size: 18px;
}

.menu-otsikko {
    text-align: center;
    padding: 40px 20px;
    color: #2c2c2c;
}

.menu-otsikko h1 {
    font-size: 50px;
    margin-bottom: 10px;
}

.menu {
    padding: 20px;
}

.menu h2 {
    color: #b3312d;
}

.ruoka-item {
    background-color: white;
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
}

.ruoka-item h3 {
    margin-top: 0;
}

@media (min-width: 768px) {

    .menu {
        width: 70%;
        margin: auto;
    }

}

/* CONTACT PAGE */

.contact-otsikko {
    text-align: center;
    padding: 40px 20px;
    color: #1f1f1f;
}

.contact-otsikko h1 {
    font-size: 50px;
}

.contact-box {
    background-color: white;

    margin: 20px;
    padding: 20px;

    border-radius: 10px;

    color: #1f1f1f;
}

.contact-box h2 {
    color: #b3312d;
}

@media (min-width: 768px) {

    main {
        width: 70%;
        margin: auto;
    }

}