@charset "UTF-8";
/* CSS Document */

body, html { height: 100%; }

.nobr { white-space:nowrap; }

small { font-size: .6em; }

a:link { color: #ffb700; text-decoration: underline; font-weight: 900; }
a:visited { color: #ffb700; text-decoration: underline; font-weight: 900; }
a:hover { color: #f00; text-decoration: none; }
a:active { color: #c34801; text-decoration: none; }

body {
	font-family: 'proxima-nova', sans-serif;
	padding: 0;	
	margin: 0;
	background-color: #000;
    color: #fff;
}



/* Header with Hero Image */
header { 
	text-align: center;
	position: relative;
    width: 100%;
}

.hero-image {

  /* Set a specific height */

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
    width: 100%;
 }

main {
    margin: 7%;
    font-size: 2vw;
}

.intro { font-size: 1.25em; }

h1 {
    font-family: professor-minty, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #ffb700;
    font-size: 4vw;
}


@media screen and (max-width:767.98px) and (min-width: 576px) {
main { font-size: 2.7vw;}
h1 { font-size: 5.5vw; 
}
}

@media screen and (max-width:575.98px) {
main { font-size: 4.4vw;}
h1 { font-size: 8vw; 
}
}