body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

h1, h3 {
    font-family: Tinos, serif;
    font-weight: 400;
    color: #414042;
    width:100%;
    text-align:center;
}
h3 {
    font-size:40px;
}
hgroup p {
    width:100%;
    text-align: center;
}
header nav {
    padding: 10px 0 10px 50px;
    width: calc(100% - 270px);
    vertical-align: top;
    box-sizing: border-box;
}

header nav>div:not(:first-child):not(:last-child) a:not(.current)::before {
    opacity: 0;
    top: 17px;
    bottom: 17px;
    transition: opacity .5s, top .5s, bottom .5s;
}
header nav div a {
    display: block;
    padding: 8px 0;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    float:left;
    text-decoration: none;
    color:#414042;
}
header nav>div:not(:first-child):not(:last-child) a::before {
    content: ' ';
    border-top: 1px solid #4d753e;
    border-bottom: 1px solid #4d753e;
    position: absolute;
    left: 0;
    right: 0;
}


    header nav>div:not(:first-child):not(:last-child) a:not(.current)::before {
        opacity: 0;
        top: 17px;
        bottom: 17px;
        transition: opacity .5s, top .5s, bottom .5s;
    }
    
@media (max-width: 500px) {
    .c2.p2 {
        width:100% !important;
        float:left;
        box-sizing:border-box;
    }
}

.error {
    border: 1px solid red !important;
}