main > menu {
    margin: 0;
    padding: 1em 0;
    background: #131a30;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
main > menu > a > span {
    display: none;
}
main > menu > a {
    display: block;
    color: rgb(106, 123, 146);
    padding: 1em 2em;
    max-width: 25%;
    border-radius: 10px;
    transition: all .4s ease;
}

main > menu > a:hover {
    background: #242f55;
}

section {
    margin: 0;
    
}

section h2,
section h3 {
    margin: 0 auto;
}

@media only screen and ( max-width: 576px){
    main > menu {
        flex-direction: column;
    }
    main > menu > a {
        max-width: 90%;
        margin-left: 5%;
    }
    main > menu > a > span {
        display: inline;
    }
}

#relax {
   background: #aea692;
}

#resell {
    background: #131a30;
    color: rgb(170, 176, 187);
}

#resell h2 {
    color: rgb(173, 195, 201);
    
}

.s3 > div {
    max-width: 330px;
    width:33%;
    padding: 1.5em .5em;
}

a.contact2 {
    padding: .5em .25em;
    border: 2px solid #413d35;
    max-width: 120px;
    text-align: center;
    color: #413d35;
    border-radius: 2px;
}

#contact-form label {
    display: block;
    font-size: 16px; 
    margin: 4px 0;
}

#howto {
    background:#0e1222 url(../images/decor/form-background.jpg) 0 -200px no-repeat;
    background-size: cover;
    color: #c8cddb;
}

#contact-form {
    max-width: 352px;
    padding: 1.5em;
    box-shadow: 0 10px 15px rgba(0,0,0,.5);
    background: #1e2847;
    border-radius: 10px;
}

#contact-form .field.submitting {
    margin-top: 2em;
}

#contact-form #contact-form-submit {
    padding: .6em 0;
    width: 100%;
    background: #4c864c;
    color: #fff;
    border: 0;
    border-radius: 2px;
    transition: all .4s ease;
    letter-spacing: 0.05em;
    box-shadow: 2px 0 8px #0005;
    font-size: 18px;
}
#contact-form #contact-form-submit:hover {
    background: #79bb79;
}
#contact-form .wpcf7-submit {
    padding: .6em 0;
    width: 100%;
    background: #4c864c;
    color: #fff;
    border: 0;
    border-radius: 2px;
    transition: all .4s ease;
    letter-spacing: 0.05em;
    box-shadow: 2px 0 8px #0005;
    font-size: 18px;
}
#contact-form .wpcf7-submit:hover {
    background: #79bb79;
}
#contact-form div.field {
    margin: 0 0 1.45em;
}

#contact-form input {
    width: 300px;

    max-width: 100%;
    padding: 0.375em;
}

#contact-form input[type="checkbox"]{
    width: auto !important;
}

footer {
    background:#131a30;
    color: #575d75;
    padding: 1.5em 1em;
}

hr {
    margin: 0 auto;
    max-width: 500px;
    color: #131a30;
}

.centered-section {
    margin: 0 auto;
    max-width: 800px;
}

#postfooter {
    margin: 1em 0 0;
    text-align: center;
}

footer a {
    color: #6d86aa;
}

.intro-illu > img {
    margin: 0 auto;
    max-height: 300px;
    min-height: 160px;
    object-fit: cover;
}

.x2 > div {
    width: 50%;
}

.iconfield  img[src*="svg"] {
    max-width: 90px;
    max-height: 64px;
    margin-left: 45px;
    padding-left: 15px;
    padding-bottom: 10px;
    display: block;
}


@media only screen and (max-width: 700px){
    .iconfield > img[src*="svg"] {
        max-width: 75px;
        max-height: 50px;
    } 
}

@media only screen and (max-width: 1024px){
    .s3 > div {
        max-width: 33%;
    }
}

@media only screen and ( max-width: 912px){
    .x2 > div {
        width: 100%;
    }
}

@media only screen and (max-width: 816px){
    .s2 > div:nth-child(1) {
        max-width: 67%;
    }
    .s2 > div:nth-child(2) {
        max-width: 33%;
    }
    #howto { 
        background-position: 0 0;
    }
    .s3 > div {
        max-width: 320px;
        width:50%;
    }
}

@media only screen and (max-width: 768px){
   h1 {
    font-size: 2.5em;
   }
}

@media only screen and (max-width: 648px){
  
    .s2 > div:nth-child(1) {
        max-width: 100%;
    }
    .s2 > div:nth-child(2) {
        max-width: 0%;
    }

    h1 {
        font-size: 2.4em;
    }
   
}

@media only screen and (max-width: 576px){
    .s3 > div {
        width: 90%;
        margin-left: 5%;
    }
}

@media only screen and (max-width: 496px){
  
    .s2 > div {
        width: 100%;
    }

    #contact-form input {
        width: 256px;
        max-width: 100%;
    }

    h1 {
        font-size: 2.3em;
    }
}

@media only screen and (max-width: 384px){
    .s3 > div {
        max-width: 96%;
        margin-left: 2%;
    }
    h1 {
        font-size: 2.25em;
    }
}