/* ///////////////////////////////////////////// */
/* Header Desktop */
/* ///////////////////////////////////////////// */
.header {
    line-height: 60px;
    background: rgba(30, 30, 30, 0.95);
}

/* ///////////////////////////////////////////// */
/* Burger Menu */
/* ///////////////////////////////////////////// */
.burgernav {
    background: rgba(30, 30, 30, 0.95);
}

/* ///////////////////////////////////////////// */
/* Slider */
/* ///////////////////////////////////////////// */
.section .slider{
    background-image: url("../images/lake_mountains.jpg");
    height:600px;
}

/* ///////////////////////////////////////////// */
/* Misc */
/* ///////////////////////////////////////////// */


/* ///////////////////////////////////////////// */
/* Quote Form */
/* ///////////////////////////////////////////// */
.wrapper {
    margin: 0px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background:#f4f0ec;
}

.wrapper h1{
    text-align: center;
    font-size: 5em;
    color: #027889;
}

.wrapper h2 {
    font-family: 'Roboto Slab', sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 1.25em;
    margin: 0% 25% 5%;
    letter-spacing: 1px;
}

.wrapper p {
    color: #332902;
    font-size: 0.75em;
    width: 50%;
}

.wrapper h3 {
    font-size: 2.5em;
    color: #027889;
}

.wrapper .input_field {
    margin-bottom: 10px;
}

#myQuoteform{
    max-width: 50%;
}

.wrapper .input_field input[type="text"],
.wrapper textarea {
    border: 1px solid #e0e0e0;
    width: 60%;
    padding: 10px;
}

.wrapper textarea {
    resize: none;
    height: 80px;
}

.wrapper .btn{
    display: flex;
    width: 60%;
    margin-top:50px;
    margin-bottom: 40px;
    margin-left:20%;
    height: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.wrapper .btn input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    letter-spacing: 0.1rem;
    transition: all 0.3s ease;
    font-size: 1rem;
    text-decoration: none;
    border: 4px solid #027889;
    color:white;
    border-radius: 5px;
    background: #027889;

    /* Correct Wierd Button style on iphone */
    -webkit-appearance: none;
}

.wrapper .btn input[type="submit"]:hover {
    background: rgba(2, 120, 137, 0);
    color:#027889;
    cursor: pointer;
}


#error_message {
    margin-bottom: 20px;
    background: #fe8b8e;
    padding: 0px;
    text-align: center;
    font-size: 14px;
    transition: all 0.5s ease;
}

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

.g-recaptcha {
    display: inline-block;
}


@media all and (max-width:900px) {
    .wrapper h1{
        font-size: 4.5em;
    }

    .wrapper h2{
        font-size: 1em;
        margin: 0% 15% 5%;
    }

    #myQuoteform{
        max-width: 100%;
    }
}

@media all and (max-width:500px) {
    .wrapper h1{
        font-size: 3.4em;
    }

    .wrapper h2{
        text-align: left;
        font-size: 1em;
    }

    .wrapper h3{
        font-size: 1.7em;
    }

    .section .slider{
        height: 313px;
        background-size: 500px 313px;
    }
}