@import url("sph-fonts.css");

.background-hack { 
  z-index :-2;
  background-position :center center ;
  background-repeat :no-repeat;
  -moz-background-size :cover;
  background-size :cover;
  position :fixed;
  top :0;
  left :0;
  right :0;
  bottom :0;
}
#randomimg2 {
  z-index :-2;
  background-position :center center;
  background-repeat :no-repeat;
  -moz-background-size :cover;
  background-size :cover;
  position :fixed;
  top :0;
  left :0;
  right :0;
  bottom :0;
}
img.preload{
  display:none;
}
.forcePointer {
  cursor: pointer;
}
body {
  color: white;
  background-color: black;
}
/*start typography*/
h1, .h1 {
  font-family: 'rubikmedium', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 5rem;
  line-height: 4.5rem;
}
.pageTitle {
  display: inline-block;
}
/*end typography*/

/*start links*/

a {
  color: white;
  text-decoration: none;
  transition: 300ms;
}
a:visited {
  color: white;
}
a:hover, a:active, a:focus {
  text-decoration: none;
  color: white;
  /*padding: 5px 0;
  background-color: rgba(0,0,0,.5);*/
  /*next line makes padding possible without moving link!*/
  /*box-shadow: -5px 0px 0 rgba(0,0,0,.5), 5px 0px 0 rgba(0,0,0,.5);*/
}
footer a.nav-link,
footer a.nav-link:visited,
footer a.nav-link:hover,
footer a.nav-link:active,
footer a.nav-link:focus
{
  color: white;
}

/*end links */

/*start modal formats*/

.modal-content {
  background-color: rgba(0,0,0,.75);
}

/*end modal formats*/


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 12rem;
    line-height: 10rem;
  }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  h1, .h1 {
    font-size: 15rem;
    line-height: 12rem;
  }

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) 
}