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

    html {
			width: 100%;
			height:100%;
    }
	body{
      background-image: url(background.jpg);
      background-position: left;
      background-size: cover;
      background-color: #07132e;
      background-repeat: no-repeat;
			width: 100%;
			height:100%;
    }

    h1 {
      font-family: 'Teko', sans-serif;
      font-size: 5em;
      font-weight: 300;
      text-transform: uppercase;
      color: #00aeef;
      margin: 0;
      padding: 0;
      line-height: 1;
			text-shadow: 0px 0px 8px #333;
}
    h2 { 
      color: #ffffff;
      font-size: 3em;
      font-family: 'Noto Serif', serif;
      font-weight: 400;
      font-style: italic;
      margin: 0;
      padding: 0;
			text-shadow: 0px 0px 8px #333;
    }
    
    h3 { 
      color: #ffffff;
      font-size: 1.7em;
      font-family: 'Noto Serif', serif;
      font-weight: 400;
      font-style: italic;
      margin: 0;
      padding: 0;
			line-height: 2;
			text-shadow: 0px 0px 8px #333;
    }
    #container {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      padding-top: 50px;
      text-align: center;
    }
    
    #space {
			display: block;
    	height: 80px;
		}
		
		a {
			color: #ffffff;
			text-decoration: none;
		}
		a:hover span{
			border-bottom: 0;
			
		}
		span {
			border-bottom: dotted 2.2px #00aeef;
			padding-bottom: 6px;
		}
		
		@media (max-width: 480px) {
			
			h1 {
				font-size: 4em;
				line-height: .75;
			}
			h2 {font-size: 2em;}
			h3 {font-size: 1.2em;}
			
		}