@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('fonts/big_noodle_titling-webfont.woff2') format('woff2'),
         url('fonts/big_noodle_titling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bignoodletitlingoblique';
    src: url('fonts/big_noodle_titling_oblique-webfont.woff2') format('woff2'),
         url('fonts/big_noodle_titling_oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body { 
background: url(../img/SM_wallpaper.jpg) center no-repeat !important;
background-attachment: fixed !important; background-size: cover !important; }

a { color: #d31a22; }
a:focus, a:hover { text-decoration: none; color: #999; }

#speakers .bg-black { background: #1dd6ce !important; }
.projects-section .project-text hr { border-color: #d31a22 !important; }

.btn-primary { background: #14e2da !important; color: #000 !important; }

.masthead, #intro { position: relative;
background: url(../img/SM_wallpaper.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; }
.masthead:before {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content:''; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.7+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

.masthead .container { z-index: 2; position: relative; }
.masthead:after {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:''; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d31a22+0,d31a22+100&1+0,0+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(211,26,34,1) 0%, rgba(211,26,34,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(211,26,34,1) 0%,rgba(211,26,34,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(211,26,34,1) 0%,rgba(211,26,34,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d31a22', endColorstr='#00d31a22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	
#intro { position: relative; }
#intro:before { background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content:''; } 
#intro .embed-responsive { margin: 8rem 0; background: #000; box-shadow: 5px 5px 25px #000; }

h1, h2, h3 { font-family: 'bignoodletitlingregular' !important; }

h1 { font-size: 75px; }
h2 { font-size: 60px; }
h3 { font-size: 45px; }
 
#mainNav .nav-link { color: #fff; }
#mainNav.navbar-shrink .nav-link:hover { color: #d31a22 !important; }
#mainNav.navbar-shrink .nav-link.active {
    color: #d31a22 !important;
    border-bottom: .25rem solid #d31a22 !important;
}

.projects-section {		padding: 5rem 0 !important; }
.project-text { 		padding: 1rem !important; }

.projects-section .featured-text { border-left: .5rem solid #1dd6cd !important; }

#mainNav .navbar-toggler {
color: #d31a22 !important;
border: 1px solid #fff !important;
font-size: 20px !important; }
#mainNav .navbar-toggler:hover { color: #bbb !important; }

@media (max-width: 992px){
.masthead { padding: 10rem 0; }
#mainNav .nav-link { color: #333; }
#mainNav { text-align: center; }
#mainNav .navbar-brand { padding: .25rem 0; }

#intro .embed-responsive { margin: 2rem 0 8rem 0 !important; }
}

.contact-section .social {
    margin-top: 2rem !important;
}