/*--------------------------------------------------------
	fonts
	--------------------------------------------------------*/
	@font-face {
		font-family: 'Bebas Neue';
		src: url('../fonts/BebasNeue-webfont.eot');
		src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/BebasNeue-webfont.woff2') format('woff2'),
			 url('../fonts/BebasNeue-webfont.woff') format('woff'),
			 url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
			 url('../fonts/BebasNeue-webfont.svg#MaisonNeue-Book') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
    font-family: 'avalonbold';
    src: url('../fonts/Avalon-Demi-webfont.eot');
    src: url('../fonts/Avalon-Demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Avalon-Demi-webfont.woff2') format('woff2'),
         url('../fonts/Avalon-Demi-webfont.woff') format('woff'),
         url('../fonts/Avalon-Demi-webfont.ttf') format('truetype'),
         url('../fonts/Avalon-Demi-webfont.svg#avalonbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

    @font-face {
    font-family: 'avalonmedium';
    src: url('../fonts/Avalon-Medium-webfont.eot');
    src: url('../fonts/Avalon-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Avalon-Medium-webfont.woff2') format('woff2'),
         url('../fonts/Avalon-Medium-webfont.woff') format('woff'),
         url('../fonts/Avalon-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Avalon-Medium-webfont.svg#avalonbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
	
	/*--------------------------------------------------------
	BODY
	--------------------------------------------------------*/	
    h1 { font-family: "Bebas Neue"; text-transform: uppercase; line-height: 1em;}
	h1.pageHeading {font-size: 70px; margin: 10px auto -25px; line-height: .9em; font-weight: 400;}
	h1.subhead{font-size: 35px; margin: 60px auto -20px; font-weight: 400;}
	
	p a, .extra { color: #ED6FC7; }
	p a:hover { color: #555; }	

    body {
      padding: 0;
      margin: 0;
      color: #555; 
      font-family: "avalonmedium"; 
      font-size: 18px;
    }
    body #bg {
      margin: 0; 
      height: 100vh; 
      width: 100%;
      background: url("../jw_construction.jpg") no-repeat center center fixed;
      background-size: cover; 
    }
		
	#content {
		position: absolute;
		top: 50px;
		right: 50px;
		
        width:350px;
		background: white;
		padding:25px; 
		
		-moz-box-shadow: 0 0 20px black; 
		-webkit-box-shadow: 0 0 20px black; 
		box-shadow: 0 0 20px black; 
	}
	
	
	/* 600 */
	@media only screen and (max-width: 600px) { 
        #content {
            left: 50%;
            right: auto;
            transform: translate(-50%, 0%);
            min-width: 80%;
        }
        h1.subhead { margin: 30px auto -20px;}
    }

    @media only screen 
      and (max-device-width: 430px) 
      and (orientation: portrait) {
        #content {
            top: 50%;
            left: 50%;
            right: auto;
            transform: translate(-50%, -50%) scale(1.8);
            /*min-width: 60%;*/
        }
        
    }