/* Navigation */
.active {
  display: block;
  margin: 15px 50px 0 0;
}


.navlist {
  font-family: Montserrat;
  color: white;
  display: block;
  margin: 15px 50px 0 0;
}

.form-group {
  float:left;
  margin: 0px 10px 0 0;
}

/* Body */

.contact{
margin-top: 50px;
text-align: center;
}
.contact h2{
font-size: 90px;
font-weight: 600;
margin-bottom: 10px;

}
.contact h5{
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}

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

.about-us{

height: 100vh;
width: 100%;
padding: 90px 0;
}
.pic{
height: auto;
width:  302px;
}
.about{
width: 1130px;
max-width: 85%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-around;
}

.text{
width: 540px;
}
.text h2{
font-size: 90px;
font-weight: 600;
margin-bottom: 10px;

}
.text h5{
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
span{
color: #4070f4;
}
.text p{
font-size: 18px;
line-height: 25px;
letter-spacing: 1px;
}






.container {
display: flex;
align-items: center;
justify-content: center
}

img {
max-width: 100%
}

.image {
flex-basis: 40%
}

.text {
font-size: 20px;
padding-left: 20px;
}

.carousel {
margin-top: -150px;
}

a{
color:white;
}

a:link{
text-decoration: none;
}


body {
background: #b1b1b1;
padding-top: 120px;
}

/* Library (applies to all defined body content)*/

#library div[class*='col-sm-'] {
margin-bottom: 20px;
}

/* Colors */

.color-box {
height: 4em;
}

#color-1 {
background: #C6E4EA;
}

#color-2 {
background: #5DADDA;
}

#color-3 {
background: #051C4D;
}

#color-4 {
background: #C70039;
}


#box1 {
background: #C6E4EA;
height: 200px;
}
#box1 p {
font-size: 24pt;
}

#box2 {
background: #5DADDA;
height: 200px;
}

#box2 img {
  width: 100%; height: 100%;
}

#box3 {
background: #051C4D;
height: 200px;
}

#box4 {
background: #1b1b1b;
height: 50px;
}
#box4 p {
font-size: 24pt;
color: white;
}


/* Typography */

header, section, footer{
font-family: 'Quicksand', serif;
}

a{
color: #051C4D;
}

a:hover {
color: #C70039;
text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
color: black;
}

p {
font-family: 'Helvetica', serif;
color: black;
}

small{
color: #5DADDA;
}

.leadership{
padding-top: 2em;
}


/* Buttons */

.button {
display: inline-block;
background: #C70039;
padding: 1em;
}

.btn-primary {
background: #051C4D;
border-color: #C70039;
}

.btn-primary:hover {
background: #C70039;
border-color: #051C4D;
}

.btn-link {
color: #C70039;
}

.btn-link:hover {
color: black;
}

/* Images */

.profileimg{
margin: auto;
  width: 60%;
}

img {
max-width: 100%;
height: auto;
}

#about img{
margin-bottom: 2em;
}

/* Icons */

#social-nav {
font-size: 1.5em;
}

.footer-copyright {
background-color: #C6E4EA;
}

/* Media Queries */

// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }