html, body {
    font-family:'Roboto',sans-serif;
}

.btn {
    font-size:1em;
    text-transform: uppercase;
}

.stripe {
    position:relative;
}

#navbar {
    background: rgba(0, 0, 0, 0.8);
}

.navbar-toggler {
	border:0;
}

.navbar-nav .nav-item {
	text-align:center;
	border-bottom:1px solid #555;
}

h2 {
    font-family:'League Gothic',sans-serif; 
    font-size:4em;
}

.navbar-nav .nav-item {
    border-bottom: 0;
}

h2 span {
    font-size: 0.7em;
    display: block;
}

a:link, a:visited, a:hover, a:active {
    color:#b91000;
}
sup a {
    font-weight: bold;
}
button.btn a:link, button.btn a:visited, button.btn a:active {
    color: #fff;
}

button.btn a:hover {
    color: #000;
    text-decoration: none;
}

a.btn-ocg:link, a.btn-ocg:visited, a.btn-ocg:active {
    color: #fff;
    border: 1px #fff solid;
}

a.btn-ocg:hover {
    background-color: #fff;
    color: #000;
}

/* Title Slate Styles */

#titleslate {
	background-color:rgba(185, 16, 0, 0.8); 
	padding:40px; 
	color:#ffffff; 
	text-align:center; 
	bottom: 0;
}

#titleslate h1 {
	font-family: 'Lato', sans-serif; 
	font-size:4em; 
	font-weight:100; 
	line-height:1.15em; 
	letter-spacing: -0.0625em;
}

#titleslate h1 span {
	font-family: 'Roboto', sans-serif; 
	font-size:1.3em; 
	font-weight: 900; 
	letter-spacing: 0em;
}

#titleslate p {
	font-family: 'Roboto', sans-serif; 
}

/* Video Section Styles */

#videolist .nav-link:link {
    padding:0; 
    margin-bottom:10px; 
    background-color:#242731;
}

#videolist .nav-link:hover {
    background-color:#5a5a61;
}

#videolist h3 {
    padding:10px;
}

.btn-group-wrap {
    text-align: center;
}

div.btn-group {
    margin: 0 auto; 
    text-align: center;
    width: inherit;
    display: inline-block;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {
    background-color: #fff; color:#000;
}
.btn-secondary:hover {background-color: #333; color:#000;}

.whitehr {border-top: 1px solid #fff;}

/* Style Classes */

.padtopbot80 {
    padding-top:80px;
    padding-bottom:80px;
}

.white {
    color:#fff;
}

.pad40 {
    padding:40px;
}

.padbot40 {
    padding-bottom:40px;
}

.tilt {
    max-width: 400px;
    padding: 25px;
    transform: rotate(-14deg);
}

.mobonly {
    display:none;
} 

.twocolgradlist {
    column-count:2; 
    margin-top:20px;
    margin-bottom:40px;
}

@media screen and (min-width: 767px) {
  .nav-link-external {
        margin-left:15px;
    }
}

@media only screen and (min-width:800px) and (max-width: 1024px) {
    #main #titleslate h1 span {
        font-size:1.25em !important;
    }
}


@media only screen and (max-width: 992px) {

    .tilt{
        max-width:100%; 
        padding:25px; 
        transform: none;
    }

    #main {
        background-position: 65% 0px !important;
    }

}

@media only screen and (max-width: 767px) {

    .mobonly {
        display:inline-block; 
        max-width:100%; 
        padding-top:58px;
    }  
    
    #graduates {
        background-image:none !important;
        }
    
    #main .container {
        padding:0;
    }

}

@media only screen and (max-width: 480px) {
    
    #titleslate h1 {
	    font-size:3em; 
    }
    
    #titleslate h1 span {
	font-size:1em; 
    }
    
    .twocolgradlist {
        column-count:1;
    }
}

@media only screen and (max-width: 399px) {
  #titleslate {padding: 30px;}
  #titleslate h1 {font-size: 2.5em !important;}
  h2 {font-size:2em;}
  #main h1 {letter-spacing: 0.2em !important; font-size:1.5em !important;}
  #main h1 span {font-size:1.5em !important;}
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    clip: rect(0,0,0,0);
    border: 0;
}