#banner {
    background: url(../img/banner.jpg);
    height: 662px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-text h2 {
    background: #0e1113;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 2% 0% 2% 2%;
    width: 90%;
    margin-bottom: 0%;
}

.quote p {
    background: #55abed;
    border-radius: 0px;
    width: 10%;
    box-shadow: none;
    font-size: 16px;
    color: #fff;
    padding: 1%;
    margin: auto;
    text-align: center;
}

#get-a-quote a {
    text-decoration: none;
}

.form-text h1 {
    background: #0e1113;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    padding: 2% 0% 2% 2%;
    color: #55abed;
    font-size: 30px;
    width: 54%;

    margin-top: 1%;
}

.form-text {
    margin-top: 66%;
}

.logo {
    position: absolute;
    left: 40%;
    z-index: 9999;
}

.col-lg-6.col-md-6.form {
    background: #2b6fa2d6;
    padding: 8% 14% 7% 3%;
}

.form-content h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    color: #fff;
}

::placeholder {
    color: #55abed;
    opacity: 1;
    /* Firefox */
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 12px;
    font-style: italic;
}

.form-content p {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: justify;
}

textarea#message {
    background: #fff;
    padding-left: 9px;
}

input#firstname {
    background: #fff;
    padding-left: 3%;
}

input#lastname {
    background: #fff;
    padding-left: 3%;
}

input#email {
    background: #fff;
    padding-left: 6px;
}

input#mobile {
    background: #fff;
    padding-left: 6px;
}

textarea#message {
    background: #fff;
    height: 132px !important;
}

.mule-story-text h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    color: #2684cb;
    margin-bottom: 6%;
}

.mule-story-text p {
    font-family: 'Raleway', sans-serif;
    letter-spacing: 1px;
    text-align: justify;
    margin-bottom: 5%;
    line-height: 21px;

}

.mule-story-text {
    margin-top: 12%;
    margin-left: 5%;
}

section#mule-story {
    margin-top: 14%;
}

#server-unique p {
    color: #2684cb;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 35px;
    text-align: center;
    margin-bottom: 2%;
}

section#server-unique1 {
    background: #ebecf0;
    height: 314px;

}

.col-lg-4.color-change {
    background: #eff3f8;
}

.server-unique-text h1 {
    font-size: 29px;
    color: #2684cb;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
}

.server-unique-text p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-align: justify;
    margin-top: 5%;
}

.server-unique-text {
    padding: 11% 5% 25% 0%;
}

section#server-unique {
    margin-top: 5%;
}

section#australian-fever {
    background: #323232;
}

.col-lg-6.bg-img {
    background: url(../img/img2.png);
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.why-link h1 {
    font-size: 17px;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

.why-link p {
    color: #a5a5a5;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}

.col-lg-12.instant-margin-top {
    margin-top: 11%;
}

img.img-top {
    margin-top: 20px;
}

section#australian-fever {
    background: #323232;
    height: 465px;
}

#our-world h1 {
    font-size: 36px;
    color: #2684cb;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2%;
}

.testimonial {
    border: 2px solid #a3d0f6;
    padding: 5%;
    width: 61%;
    margin: auto;
    text-align: justify;
}

.testimonial p {
    text-align: center;
}

.testimonial h2 {
    font-size: 15px;
    color: #767676;
    line-height: 20px;
    font-family: 'Raleway', sans-serif;
}

.testimonial h1 {
    color: #2684cb;
    font-size: 19px;
    font-weight: bold;
    text-align: right;
    font-family: 'Raleway', sans-serif;
}

section#our-world {
    margin-top: 11%;
}

section#footer {
    background: #323232;
    margin-top: 6%;
    padding: 3% 2% 0% 2%;
}

.footer-logo p {
    font-family: 'Raleway', sans-serif;
    color: #a5a5a5;
    margin-top: 4px;
}

.footer-logo1 p {
    font-family: 'Raleway', sans-serif;
    color: #a5a5a5;
    text-align: right;
    margin-top: 4%;
}

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: 0 .75rem; */
    min-height: 1px;
    padding-left: 5px;
}

button#submit {
    background: #55abed;
    border-radius: 0px;
    width: 37%;
    box-shadow: none;
}

input.invalid:not([type]),
input.invalid:not([type]):focus,
input[type=text].invalid:not(.browser-default),
input[type=text].invalid:not(.browser-default):focus,
input[type=password].invalid:not(.browser-default),
input[type=password].invalid:not(.browser-default):focus,
input[type=email].invalid:not(.browser-default),
input[type=email].invalid:not(.browser-default):focus,
input[type=url].invalid:not(.browser-default),
input[type=url].invalid:not(.browser-default):focus,
input[type=time].invalid:not(.browser-default),
input[type=time].invalid:not(.browser-default):focus,
input[type=date].invalid:not(.browser-default),
input[type=date].invalid:not(.browser-default):focus,
input[type=datetime].invalid:not(.browser-default),
input[type=datetime].invalid:not(.browser-default):focus,
input[type=datetime-local].invalid:not(.browser-default),
input[type=datetime-local].invalid:not(.browser-default):focus,
input[type=tel].invalid:not(.browser-default),
input[type=tel].invalid:not(.browser-default):focus,
input[type=number].invalid:not(.browser-default),
input[type=number].invalid:not(.browser-default):focus,
input[type=search].invalid:not(.browser-default),
input[type=search].invalid:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus,
.select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
    border-bottom: 0px solid #F44336;
    -webkit-box-shadow: 0 0px 0 0 #F44336;
    box-shadow: 0 0px 0 0 #F44336;
}

.thank-you-smash {
    background: #000;
    color: #fff;
    padding: 4%;
    width: 42%;
    margin: auto;
    position: absolute;
    top: 44%;
    left: 30%;
}

@media only screen and (max-width: 767px) {

    .quote p {
        width: 32%;
        padding: 2%;
    }
    .logo {
        left: 9%;
    }
    .form-text h2 {
        padding: 2% 0% 2% 2%;
        width: 85%;
        font-size: 17px;
    }
    .form-text {
        margin-top: 30%;
    }
    .form-text h1 {
        font-size: 24px;
        width: 85%;
        margin-top: 1%;
    }
    #banner {
        height: auto;
    }
    .col-lg-6.col-md-6.form {
        padding: 8% 14% 92% 3%;
    }
    button#submit {
        width: 50%;
    }
    .mule-story img {
        width: 100%;
    }
    .mule-story-text {
        margin-left: 0%;
    }
    .mule-story-text h1 {
        font-size: 29px;
    }
    #server-unique p {
        font-size: 19px;
    }
    section#server-unique1 {
        background: #ebecf0;
        height: auto;
    }
    .server-unique-text {
        padding: 11% 5% 0% 0%;
    }
    .col-lg-4.color-change {
        background: #ebecf0;
    }
    .server-unique-text h1 {
        font-size: 25px;
    }
    section#australian-fever {
        height: auto;
    }
    img.perfect-server-mule {
        width: 100%;
    }
    #our-world h1 {
        font-size: 27px;
    }
    .testimonial {
        width: 100%;
    }
    .footer-logo1 p {
        text-align: left;
        margin-top: 7%;
    }
    .footer-logo {
        margin-top: 2%;
    }
    input#lastname {
        background: #fff;
        padding-left: 4%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .quote p {
        width: 16%;
        padding: 2%;
    }
    .logo {
        left: 29%;
    }
    .form-text h2 {
        padding: 2% 0% 2% 2%;
        width: 85%;
        font-size: 17px;
    }
    .form-text {
        margin-top: 17%;
    }
    .form-text h1 {
        font-size: 24px;
        width: 85%;
        margin-top: 1%;
    }
    #banner {
        height: auto;
    }
    .col-lg-6.col-md-6.form {
        padding: 8% 14% 49% 3%;
    }
    button#submit {
        width: 50%;
    }
    .mule-story img {
        width: 100%;
    }
    .mule-story-text {
        margin-left: 0%;
        margin-top: 5%;
    }
    .mule-story-text h1 {
        font-size: 29px;
    }
    #server-unique p {
        font-size: 35px;
    }
    section#server-unique1 {
        background: #ebecf0;
        height: auto;
    }
    .server-unique-text {
        padding: 2% 5% 0% 0%
    }
    .col-lg-4.color-change {
        background: #ebecf0;
    }
    .server-unique-text h1 {
        font-size: 25px;
    }
    section#australian-fever {
        height: auto;
    }
    img.perfect-server-mule {
        width: 100%;
    }
    #our-world h1 {
        font-size: 27px;
    }
    .testimonial {
        width: 100%;
    }
    .footer-logo1 p {
        text-align: left;
        margin-top: 7%;
    }
    .footer-logo {
        margin-top: 2%;
    }
    input#lastname {
        background: #fff;
        padding-left: 2%;
    }
    .server-unique-text p {
        font-family: 'Raleway', sans-serif;
        font-size: 15px;
        text-align: justify;
        margin-top: 0%;
    }
    section#server-unique {
        margin-top: 0%;
    }
    .mule-story-text p {
        font-family: 'Raleway', sans-serif;
        letter-spacing: 1px;
        text-align: justify;
        margin-bottom: 2%;
        line-height: 21px;
    }
    .mule-story-text h1 {
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #2684cb;
        margin-bottom: 2%;
    }
    textarea#message {
        background: #fff;
        height: 132px !important;
        width: 101%;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {}