* {
    margin: 0;
    padding: 0;
}

.section1 {
    background-color: #4bcaff;
}

.wrapper {
    margin: 0 auto;
    width: 968px;
}

body {
    font-family: Segoe UI;
}


/***** Header *****/

header {
    background-image: url('../img/Hero.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.headerContent {
    display: flex;
    justify-content: center;
    background-color: #4a545cde;
    padding-bottom: 30px;
    padding-top: 30px;
}

nav {
    display: flex;
    justify-content: space-evenly;
    width: 700px;
}

h1 {
    color: white;
    font-size: 25px;
    width: 250px;
}

.headerNav {
    margin-top: 5px;
    color: white;
    text-decoration: none;
    padding: 2px 14px;
}

.headerNav:hover {
    border: 2px solid #4bcaff;
    color: #4bcaff;
    padding: 1px 12px;
}

.headerText {
    text-align: center;
    color: white;
    padding-top: 200px;
    padding-bottom: 200px;
}

.headerText1 {
    background-color: #4a545cec;
    font-size: 30px;
    font-weight: normal;
    width: 530px;
    margin: auto;
}

.headerText2 {
    background-color: #4a545cec;
    font-size: 30px;
    font-weight: normal;
    width: 730px;
    margin: auto;
    margin-top: 10px;
}


/***** Services *****/

.serviceUnderline, .serviceNormalText {
    display: inline-block;
    margin-top: 65px;
    margin-bottom: 10px;
    color: white;
    font-weight: normal;
    font-size: 25px;
}

.serviceUnderline {
    text-decoration: 2px underline;
    text-underline-offset: 8px;
}

.allServices {
    display: flex;
    width: 1200px;
    margin-left: -4%;
    padding: 25px;
    color: white;
}

.services {
    padding: 0px 15px;
    margin-bottom: 65px;
}

.serviceTitle {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}


/***** Testimonials *****/
.section2 {
    background-color: white;
}

.testimonialUnderline, .testimonialNormalText {
    display: inline-block;
    margin-top: 65px;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 25px;
}

.testimonialUnderline {
    text-decoration: 2px underline;
    text-underline-offset: 8px;
}

.quote {
    display: inline-block;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
    font-size: 75px;
    margin-left: 750px;
    color: #4a545c;
}

.testimonialPHP {
    text-align: left;
    font-size: 25px;
    width: 950px;
    margin-bottom: 20px;
}

.walterWhite {
    padding-bottom: 65px;
    font-weight: bold;
    color: #4bcaff;
}

/***** Contact *****/

.section3 {
    background-image: url('../img/Contact_photo.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.contactUnderline, .contactNormalText {
    display: inline-block;
    margin-top: 65px;
    margin-bottom: 10px;
    color: white;
    font-weight: normal;
    font-size: 25px;
}

.contactUnderline {
    text-decoration: 2px underline;
    text-underline-offset: 8px;
}

form {
    display: flex;
    align-items: center;
    margin-left: -2.5%;
    padding: 25px;
    width: 1000px;
    color: white;
}

.contactTextInput {
    display: inline-block;
    flex-flow: row wrap;
    width: 300px;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

input[type=text], input[type=email], textarea {
    font-family: Segoe UI;
    background-color: transparent;
    color: white;
    box-sizing: border-box;
    border: 2px solid white;
    padding: 10px 10px;
    margin-top: 5px;
    margin-bottom: 20px;
} 

input[type=text], input[type=email] {
    width: 350px;
}

.contactInformationText {
    display: inline-block;
    flex-flow: row wrap;
    width: 100px;
}

.contactText {
    display: inline-block;
    font-size: 12px;
    width: 450px;
    padding-left: 50px;
    padding-top: -10px;
}

.contactTextareaInput {
    width: 300px;
    font-size: 12px;
    font-weight: bold;
    color: white;
}

input[type=submit] {
    margin-top: 10px;
    margin-bottom: 65px;
    height: 50px;
    width: 300px;
    background: #4bcaff;
    border: 2px solid #4bcaff;
    font-size: 12px;
    font-weight: bold;
    color: white;
    cursor: pointer;
}


/***** Footer *****/

footer {
    background-color: #4a545c;
}

.footer {
    padding-bottom: 30px;
    padding-top: 30px;
}

.footerPositioning {
    display: flex;
}

.footerText {
    margin-right: 10px;
    text-decoration: none;
    color: #707579
}

.footerYear {
    margin-left: 550px;
    color: #707579
}