@import url('https://fonts.googleapis.com/css?family=Ubuntu');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}
body {
    font-family: 'Ubuntu', sans-serif;
    color: #505D68;
    background-color: #424B5A;
}

/* TYPOGRAPHY */

h1 {
    font-size: 5.4rem;
    font-weight: 900;
}
h2 {
    font-size: 2.1rem;
    font-weight: 700;
}
p {
    font-size: 1.6rem;
}
.mid-section-box p {
	color: #6488A1;
}

h3,form .form-group .label {
    font-size: 1.6rem;
    font-weight: 700;
}

.mid-section a, form a {
    font-size: 1.6rem;
    color: #505D68;
}
.mid-section a:hover, form a:hover {
    text-decoration: none;
    color: rgb(40, 96, 152);
}
.highlighted-text {
    font-weight: 900;
    text-decoration: underline;
    color: #505D68;
}
ul li {
    list-style-type: none;
    font-size: 1.4rem;
}


/* NAVBAR */
.header {
    background: #FFF;
    margin: auto;
}
.header .navbar {
   background-color: #C2D1D9;
}
.header .navbar ul {
    display: flex;
    width: 100vw;
    justify-content: flex-end;
    align-items: center;
    list-style-type: none;
    margin-bottom:0;
}
.header .navbar ul li {
    padding: 0.5rem 1rem;
}

.header .navbar ul li a {
    color: #505D68;
    font-size: 1.6rem;
}
.header .navbar ul li a:hover {
    color: rgb(40, 96, 152);
    text-decoration: none;
}
/* HEADER CONTENT  */

.header .header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem 10rem;
    max-width: 80rem;
    margin: auto;
}
.header .header-content h1 {
    margin-bottom: 1.5rem;
}
.header .header-content p {
    color:#547890;
}

#form {
    background-color: #F2F5F7;
    padding: 5rem 0;
    margin :auto;
}
/* FORM GROUP CONTAINER  */
form .form-group {
    padding: 0 10rem;
    max-width: 80rem;
}
/* QUESTION LABEL  */
form .form-group .label {
    margin-top: 2rem;
}
/* TEXT INPUT FIELD  */
form .form-group .form-control {
    font-size: 1.4rem;
}

form .form-group .form-control:not(:last-child) {
    margin-bottom: 1rem;
}
/* CHECKBOX LABEL */
form .form-group .custom-checkbox .custom-control-label  {
    color: #547890;
    font-size: 1.4rem;
}
form .form-group .custom-checkbox .custom-control-label::before {
    height: 1.4rem;
    width: 1.4rem;
    margin-top: 0.2rem;
    left: -1.7rem;
}

/* RADIOBUTTON LABEL  */
#submitFormBtn {
    font-size: 1.4rem;
    margin: auto;
    padding: 0.5rem 5rem;
}
/* MID CONTAINER PRIVACY POLICIY */

.mid-section {
	background-color: #F2F5F7;
}
.mid-section-box {
    max-width: 80rem;
    padding: 2rem 10rem;
    margin: auto;
}

/* FOOTER  */

.footer {
    text-align: text-center;
    width: 100%;
    color: #A1AEB7;
}

.footer .form-group {
    text-align: center;
    margin: 5rem auto;
    max-width: 30rem;
}

.footer .form-group h2 {

}
.footer .form-group p {

}

@media only screen and (max-width: 600px) {
    html {
        font-size: 7px;
    }
  }