form {max-width: 500px; margin: 0 auto}
h1 {color: #02ABD4; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.4rem; margin-top: 1rem; text-align: center; text-transform: uppercase;}
h2 {border-bottom:1px solid #01AAD3; color: #02ABD4;font-family: 'Montserrat', sans-serif; font-size: 1.5rem; font-weight: 700; padding-bottom:2rem}
h3 {color: #02ABD4; font-family: 'Montserrat', sans-serif; font-size: 1.2rem;}
label {color: #02ABD4; font-size: 12px; font-weight: 500; margin-left: 5px}
p {color: #7D7D7D;font-size: 1.1rem}

.bg-info {background-color: #01AAD3!important}
.btn-info {background-color: #01AAD3!important; color:#ffffff; border-radius: 20px; font-size: 12px; margin: 0 auto; width: 150px; }
.border-radius {border: 1px solid #02ABD4; border-radius: 10px; color:#02ABD4; font-size: 1rem; font-weight: 500; text-align: center; width: 300px}
.form-content {margin:0 auto; max-width: 500px}
.form-control {background-color: #F1F1F1; border: 0; border-radius: 0; height: 28px; margin-bottom: 8px}
.hero {max-width: 100%;}
.hero-container {margin-top: -44px}
.text-content {max-width: 350px; padding: 1rem}
.mt-8 {margin-top: 4rem;}

@media (min-width: 768px) { 
	h1 {margin-top: -1rem;}

	.hero {max-width: 800px;}
	.mt-8 {margin-top: 8rem;}
}