body{
 background: #1a252f;
 font-family: 'Orbitron', sans-serif;
 height:100%;
 font-size: 2vw;
 line-height: 1;
 margin:.2%;
 position:relative;
 color: white;
}

.card-title {
  background-color: #DC143C;
  border-radius: 10px;
  white-space: normal; 
  margin-left: 10px;
  margin-Right: 10px;
  margin-bottom: 0;
        
}

.navicon {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
}
.row{
 margin:.2%;

}
.cont2{
 font-size: 2vh;
}

.col-xs-6.col-md-4.spy1{
 width: 20%;
 padding:0;
}
.col-xs-12.col-md-8.pre-scrollable.spy2{
        background-color:#1a252f;    
        width: 80%;
        text-align:center;
        max-height:68vh;
}

.list-group-item {
font-size:3.15vh;
    display: block;
    padding: 0;
    margin-bottom: 0px;
    background-color: #DC143C;
    border: 1px solid rgba(0,0,0,.125);
    margin: 0 auto;
 width: 100%; 
 color:white;
 text-align:center;
}    
.list-group-item.active{
    background-color:#DC143C;
    color:white;
    border:0;
}

.container {
  position: relative;
  max-width: 100%;
  padding-right: 0px;
  padding-left: 0px;
}

.container img {
  width: 100%;
  height: auto;
}

.container .btn {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #fff;
  color: #1a252f;
  font-size: 24px;
  padding: 0px 5px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
}

.container .btn:hover {
  background-color: #1a252f;
  color: #fff;
}

.card {
    position: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #000;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0);
    margin:0;
    white-space: nowrap;    
}


.card-body {
    padding: 0;
    border: 1px solid rgba(0,0,0,0);
    color:white; 
}
.card-group>.card {
    margin: 15px;
}
.dm{
    background-color: #1a252f;
  font-size: 30px;
margin: 0 auto;
 width: 100%; 
}
.dmtxt{
font-size: 40px;
line-height: .5;
margin: 0 auto;
 color:white;
   text-align: center;
  margin-bottom:15px;
 font-family: 'Orbitron', sans-serif;
}
h2.mb-0 {
margin: 0 auto;
 width: 100%; 

}

.card-header {
    padding: 0;
    margin: 0%;
    background-color:#1a252f;
    border-bottom: 0;
}
.accordion>.card .card-header:hover{
    background-color:#000;

}
.accordion>.card .card-header {
    margin-bottom: 0; 
}

.btn-link {
font-size:2rem;
    color: #DC143C;
    text-decoration: none;
    padding:0;

}
.btn-link:hover{

    color: #fff;
    text-decoration: none;
}

footer.footer.text-center {
    padding:0px;
}
.pb-4, .py-4 {
    padding-bottom: .2rem!important;
}

.pt-4, .py-4 {
     padding-top: 0rem!important; 
       line-height: normal;
}
.fa {
  padding: 5px;
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none;
  margin: 0px 0px;
  border-radius: 50%;
}

.fa:hover {
      color: #1a252f;
    background: #DC143C;
      
}
.fa:focus {
    color: #fff;
    background: #DC143C;
}

.fa-facebook {
  background: #fff;
  color: #1a252f;
}

.fa-twitter {
  background: #fff;
  color: #1a252f;

}

.fa-youtube {
  background: #fff;
  color: #1a252f;

}

.fa-instagram {
  background: #fff;
  color: #1a252f;

}

.fa-snapchat-ghost {
  background: #fff;
  color: #1a252f;

}


.fa-soundcloud {
  background: #fff;
  color: #1a252f;
  text-shadow: -1px 0 #1a252f, 0 1px #1a252f, 1px 0 #1a252f, 0 -1px #1a252f;
}
*/

 h1,h2,h3,h5,h6{font-weight:100;font-size: 3vw;font-family: 'Orbitron', sans-serif;}
 h7{font-size: 2vw;font-family: 'Orbitron', sans-serif;}
  h8{font-family: 'Orbitron', sans-serif;
 }                         
      @media (min-width:992px){
                         #mainNav{padding-top:0;padding-bottom:0;-webkit-transition:padding-top 0,padding-bottom 0;transition:padding-top 0,padding-bottom 0}
                         #mainNav .navbar-brand{font-size:2em;-webkit-transition:font-size .3s;transition:font-size .3s}
                         #mainNav .navbar-nav{margin-top:0}
                         #mainNav .navbar-nav>li.nav-item>a.nav-link.active{color:#DC143C;background:#1a252f}
                         #mainNav .navbar-nav>li.nav-item>a.nav-link.active:active,
                         #mainNav .navbar-nav>li.nav-item>a.nav-link.active:focus,
                         #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover{color:#DC143C;background:#1a252f}
                         #mainNav.navbar-padding-top:.5rem;padding-bottom:.5rem}
                         
      @media (min-width:992px){
    			header.masthead{padding-top:calc(6rem + 106px);padding-bottom:6rem}
                        header.masthead h1{font-size:4.75em;line-height:4rem}
                        header.masthead h2{font-size:1.75em}}                       
                         

	.floating-label-form-group{
 			position:relative;
 			border-bottom:1px solid #e9ecef}
	.floating-label-form-group input,
	.floating-label-form-group textarea{
                        font-size:1.5em;position:relative;
                        z-index:1;padding-right:0;
                        padding-left:0;
                        resize:none;
                        border:none;
                        border-radius:0;
                        background:0 0;
                        -webkit-box-shadow:none!important;
                        box-shadow:none!important}
	.floating-label-form-group label{
                        font-size:.85em;line-height:1.764705882em;position:relative;
                        z-index:0;
                        top:2em;
                        display:block;
                        margin:0;
                        -webkit-transition:top .3s ease,
                        opacity .3s ease;
                        transition:top .3s ease,opacity .3s ease;vertical-align:middle;
                        vertical-align:baseline;
                        opacity:0}
      .floating-label-form-group:not(:first-child){
      			padding-left:14px;border-left:1px solid #e9ecef}
  .floating-label-form-group-with-value label{top:0;opacity:1}
  .floating-label-form-group-with-focus label{color:#18bc9c}
   form .row:first-child 
   	.floating-label-form-group{border-top:1px solid #e9ecef}
     
     .footer{

         padding-top:5rem;
         padding-bottom:5rem;
        background:#DC143C;
         color:#fff
     }
 .copyright{
     background-color:#1a252f;
 }
 #text{
     font-size:20%;
 }

 a{color:#DC143C}a:active,a:focus,a:hover{color:white}
 .btn{border-width:0px}
 .bg-primary{background-color:#DC143C!important}
 .bg-secondary{background-color:transparent!important}
 .text-primary{color:#fff!important}
 .text-secondary{color:#2c3e50!important}
 .btn-primary{background-color:#18bc9c;border-color:#18bc9c}
 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border-color:#128f76}
 .btn-secondary{background-color:#2c3e50;border-color:#2c3e50}
 .btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{background-color:#1a252f;border-color:#1a252f}
 
 html {
  height: 100%;
  box-sizing: border-box;

}

*,
*:before,
*:after {
  box-sizing: inherit;
}



h4{font-size:3vh;
}

p {

    margin-bottom: 0;
}
.scrollspy-example.spy1{
    font-size:3vh;
}