/* 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 */

.name{
  color:white;
}
.email{
  display:flex;
  justify-content: center;
}

.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: #1b1b1b;
  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) { ... }