.navbar {
background-color: #000;
text-decoration: none;
}


.navbar a {
text-decoration: none;
color: #fff;
font-family: 'Montserrat' , sans-serif;
}

.navbar a:hover {
color: #228DC1;
}

.navbar img {
width: 250px;
align-items: flex-start;
padding-left: 10px;
}


.hero {
width: 100%;
height: 400px;
}

.hero img{
width: 100%;
height: 400px;
object-fit: cover;
}


.intro {
width: 100%;
height: 200px;
background-color: #000;
padding-top: 20px;


}

.intro p {
width: 700px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 300;
margin: 0 auto;
text-align: center;
padding-top: 10px;
}

h1 {
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 26px;
text-align: center;
}

span {
font-family: 'Montserrat', sans-serif;
color: #228DC1;
font-size: 26px;
text-align: center;
}

h2 {
font-family: 'Montserrat', sans-serif;
color: #228DC1;
font-size: 24px;

}


.row {
margin-top: 50px;
padding-bottom: 40px;
}


.col p {
width: 400px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;

}


hr {
width: 300px;
}

.fa-book-open{
color: #228DC1;
font-size: 36px;
}


.fa-tools{
color: #228DC1;
font-size: 36px;
}

.fa-user{
color: #228DC1;
font-size: 36px;
}


.callouts p {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
width: 350px;
}

button {
font-size: 14px;
color: #fff;
background-color: #228DC1;
letter-spacing: 1px;
border: 2px #228DC1 solid;
border-radius: 5px;
padding: 5px 15px;
margin-bottom: 20px;
width: 160px;
}

button:hover {
background-color: #f4f4f4;
border: 2px #228DC1 solid;
color:#228DC1;
transition: 0.2s;
}

.callouts {
background-color: #f4f4f4;
padding: 30px 50px;
}



.disclaimer,
.disclosure {
margin: 0 auto;
background-color: #000;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}

.disclaimer p,
.disclosure {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
width: 800px;
color: #fff;
text-align: center;
margin: 0 auto;
}

.disclaimer img,
.disclosure img {
width: 150px;
}