body {font-family: 'Roboto', serif; padding-top: 54px; color: #616161;}
p {font-weight:300}
a {color: inherit;}
a:hover, a:focus, a:active {color: inherit;}
.spacer {clear:both;width:100%;height:20px;}
.lead {font-size:1.23rem;font-weight:300;letter-spacing:-0.03em}
.bg-primary {background-color: #222 !important;}
.text-primary {color: #fff !important;}
h1, h2, h3, h4, h5, h6 {font-family: 'Saira Extra Condensed', serif; font-weight: 700; text-transform: uppercase; color: inherit; }
h1 { font-size: 3.5rem;line-height: 3.5rem;margin-bottom:1rem}
h2 {font-size: 2.5rem;}

#sideNav .navbar-nav .nav-item .nav-link {font-weight: 300;text-transform: uppercase;}
.img-profile {max-height: 35px;}
section.resume-section {border-bottom: 1px solid #dee2e6;padding-top: 5rem !important;padding-bottom: 5rem !important;}
section.resume-section .resume-item .resume-date {min-width: none;}

#home {background-color:#111;background-image:url('../img/drum-bg.jpg');background-size:cover;background-position:top left; background-attachment:fixed;color:#D6D6D6}
#home h1 {text-shadow:2px 2px 4px #000000;}
#home h2 {color:#fff;text-shadow:2px 2px 4px #000000;font-size:2.4rem;margin-top:2rem;margin-bottom:1rem;}
#drummers {background-image:url('../img/drum-bg.jpg');background-size:cover;background-position:top left; background-attachment:fixed;color:#D6D6D6}
#sponsors {background-color:#D6D6D6;color:#222}
#contact {background-color:#111;background-image:url('../img/drum-bg.jpg');background-size:cover;background-position:top left; background-attachment:fixed;color:#D6D6D6}
#blog {background-color:#111;background-image:url('../img/drum-bg.jpg');background-size:cover;background-position:top left; background-attachment:fixed;color:#D6D6D6}
 
.subheading {text-transform: uppercase;font-weight: 500;font-family: 'Saira Extra Condensed', serif;font-size: 1.35rem;}
.social {font-size: 1.75rem;margin:0 5px;color:#d6d6d6}
.social:hover, .social:active {color:#fff}
.involveicon {margin-right:5px;border:10px solid #fff}
.involvepara {margin-top:7px}
.involvepara a {text-decoration:underline;}
.shareicon {max-width:80px;height:auto;margin:5px;opacity:0.5;animation-duration:2.0s}
.shareicon:hover, .shareicon:focus, .shareicon:active {opacity:0.7}
.tilt-left {    -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg);  transform: rotate(5deg);}
.tilt-right {    -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);  transform: rotate(-5deg);}
.framed {border:5px solid #dedede}
.leftpic {margin: 0 20px 10px 0;max-width:25%;height:auto;}
.sponsorlogo {margin:0 0 20px 0;border:5px solid #fff }
#accordion {}
.cardx {background-color:#fff;color:#000;padding:10px;margin-bottom:20px}	
.card-headerx {padding-bottom:20px}
.card-headerx h2 {font-size: 1.85rem;text-transform: uppercase;font-weight: 500;font-family: 'Saira Extra Condensed', serif;}
.card-headerx .blogdate {font-size:0.90rem;font-weight:300}
.card-headerx .snippet {font-size:1.0rem;font-weight:300}
.card-bodyx {font-size:1.0rem;font-weight:300}
.card-headerx a.readmore {text-decoration:none;display:block;clear:both;margin-top:20px}
.card-headerx a.readmore:focus, .card-headerx a.readmore:active {color:#fff;}
.form-control {border-color:#333;border-radius:0;background-color:rgb(238,238,238,0.8);}
.form-control:focus {border-color:#333;box-shadow: none;background-color:#fff}
label {font-size:0.8rem;margin:5px 0 0 0}
.btn {font-size:1.2rem;text-transform:uppercase;font-weight: 500;font-family: 'Saira Extra Condensed', serif;border-radius:0;}

@media (min-width: 992px) {
body { padding-top: 0;padding-left: 17rem;}
h1 { font-size: 5.5rem;line-height: 5.5rem;margin-bottom:1rem}
h2 {font-size: 3.5rem;}
section.resume-section {padding-top: 3rem !important; padding-bottom: 3rem !important;}
#sideNav {text-align: center;position: fixed;top: 0;left: 0;display: flex;flex-direction: column;width: 17rem;height: 100vh;font-size:0.95rem}
#sideNav .navbar-brand {display: flex;margin: auto auto 0;padding: 0.5rem;}
#sideNav .navbar-brand .img-profile {max-height: 10rem;}
#sideNav .navbar-collapse {display: flex;align-items: flex-start;flex-grow: 0; width: 100%;margin-bottom: auto;}
#sideNav .navbar-collapse .navbar-nav {flex-direction: column;width: 100%;}
#sideNav .navbar-collapse .navbar-nav .nav-item {display: block;}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {display: block;}
}
@media (min-width: 768px) {
  section.resume-section {min-height: 100vh;}
  section.resume-section .resume-item .resume-date {min-width: 18rem; }
}
@media (max-width: 575px) {
section.resume-section {padding-top: 2rem !important;padding-bottom: 2rem !important;}	
.resume-item {padding-top:0.5rem;padding-bottom:0.5rem;}
h1 { font-size: 2.5rem;line-height: 2.5rem;margin-bottom:1rem}
h2 {font-size: 1.8rem;}
#home h1 {margin-top:0.5rem}
#home h2 {font-size:1.6rem;margin-top:1.5rem;}
.shareicon {max-width:55px;}
.sponsorlogo {max-width:30%; }
}