@import url("fonts/fonts.min.css");

html,
body {
  font-family: 'proxima_nova_altbold', 'Montserrat', sans-serif;
  height: 100%;
  background: linear-gradient(180deg, #0A4DED 0%, #0A4DED 100%), #3569ED;
  color: #FFF;
}

body {
  background-image: url(img/noise.png);
}


header,
footer {
  flex: 0 1 auto;
}

article {
  flex: 1 1 auto;
}


.ready .logo {
  transform: none;
  transition-duration: .6s; 
  transition-timing-function:ease-in-out;
  margin-top: 4vh;
  max-height: 200px; 
  opacity: 1;
  user-select: none;
  cursor: pointer;
}

.logo {
  position: absolute;
  margin-left: -5rem;
  margin-top: -6vh;

}

.ready footer {
  transform: none;
  transition-duration: .6s; 
  transition-timing-function:ease-in-out;
  margin-bottom:6vh;
}


.grave {opacity: .2; font-weight:800}

footer {
  margin-bottom:-6vh;} 


.rapper-187 { max-width: 94vw;}


p {font-weight: 400;}

.opacity-50 {opacity: .9;font-family: 'Proxima Nova';}

.btn-secondary {

    padding-right: 20px;
    color: #0A4DED;
    background-color: #fff;
    border-radius: 100px;
    font-size: smaller;
    border: 2px solid #fff;
}

.btn-secondary:hover {
  color: #0A4DED;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.23); 
box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.23);
}

.social {    margin-top:10px;}

.social span {

    margin-left:12px;
    margin-right:12px;
    user-select: none;
}

.font-spacing-loose {
  letter-spacing: 2px;
}
.font-spacing-tight {
  letter-spacing:-0.03rem;
}

.logo-small {height: 32px; margin-right: .5rem;}

h1 {
    font-size: 2.6rem;
    font-weight:bolder;
    line-height: 110%;
    text-transform: uppercase;
    font-style: italic;
    
  }
h2 {
  font-family: 'Proxima Nova';
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: 0em;
  text-align: left;
}

/* Start CURSOR SETUP*/


  
 /* End CURSOR SETUP*/
 @media (max-width: 767px) {

.content {margin-top:4vh;}
#logo img {
  margin-top: -30px;
    max-height: 140px;
    left: 40px;
    top: 20px;
}

h1 {
  font-size: 1.75rem;
  line-height: 130%;
  margin-top: 4rem;
  word-break: break-word;

}
h2 {
  line-height: 150%;
  opacity: .7;
}
 
}

  @media (min-width: 768px) {

    h1 {
        font-size: 3.2rem;
    }
    h2 {
      font-size: 1.3rem;
    }

   
  }
  
  @media (min-width: 991px) {

    h1 {
      font-size: 3.5rem;
    }
    h2 {
        font-size: 1.4rem;
    }
  }
  
  @media (min-width: 1200px) {

    h1 {
      font-size: 4.7rem;
      margin-top: revert;
    }
    
    h2 {
      font-size: 1.3rem;
    }
  }

  @media (min-width: 1600px) {

    h1 {
        font-size: 5.2rem;
    }
    h2 {
      font-size: 1.8rem;
    }
    p {}
    
    #logo img {
        max-height: 200px; 
    }
  }


  p::selection, h1::selection, h2::selection, h1 span::selection {
    color: white;
    background: black;
  }