@charset "UTF-8";
/* CSS Document */
body {font-family: 'Roboto', sans-serif;
}
img {width: 100%;
}
.pic {padding-bottom: 20px;
}
.header {font-family: 'Roboto', sans-serif;
    font-weight: 900;
 }
h2 {font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.blue {background-color: #004990;    
}
.red {background-color: #CF1520;    
}
.white {color: #fff; 
}
.navbar {
  background-color: #004990; 
}
.navbar-brand {
    position: relative;
    background: url(../images/logo.png);
    width: 136px;
    left: 50px;
    background-size: contain;
}
.dropdown-menu {
    background-color: #004990;
    color: #000;
}
.dropdown-menu a {
    color: #fff;  }

.dropdown-menu a:hover {
      color: #fff;
  background-color: #CF1520;
  border-color: #fff;
}

.home-parallax {
background-image: url("../images/home-main.jpg");
min-height: 600px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
text-align: center;
line-height: 60px;
}

#head {
  position: absolute;
  z-index: 1000;
  top: 130px;
    left: 10%;
    right: 10%;
text-align: center; 
}
.text-box {
    text-align: center;
	}
.t-shadow {text-shadow: 2px 2px 4px black;
}
.gray {color: #5D5D5D;
}s
a.learn:link {
    color: #fff; 
    text-decoration: none;
    }
a.learn:visited {
    color: #fff; 
    text-decoration: none;
    }
a.learn:hover {
     color: #FFF800; 
        text-decoration: none;
}
.email {color: #fff;
    text-decoration-line: underline;
}
a.email:link {
    color: #fff; 
    text-decoration: underline;
    }
a.email:visited {
    color: #fff; 
    text-decoration: underline;
    }
a.email:hover {
     color: #FFF800; 
        text-decoration: none;
}
.rule { 
    border-bottom: 1px solid #dee2e6; 
}
.pics img {padding-bottom: 28px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .vis {max-width: 50%
}
}