/* Import font files */

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../Brandon/brandon_bld-webfont.eot');
    src: url('../Brandon/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Brandon/brandon_bld-webfont.woff') format('woff'),
         url('../Brandon/brandon_bld-webfont.ttf') format('truetype'),
         url('../Brandon/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../Brandon/brandon_med-webfont.eot');
    src: url('../Brandon/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Brandon/brandon_med-webfont.woff') format('woff'),
         url('../Brandon/brandon_med-webfont.ttf') format('truetype'),
         url('../Brandon/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight_italic';
    src: url('../Brandon/brandon_light_it-webfont.eot');
    src: url('../Brandon/brandon_light_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Brandon/brandon_light_it-webfont.woff') format('woff'),
         url('../Brandon/brandon_light_it-webfont.ttf') format('truetype'),
         url('../Brandon/brandon_light_it-webfont.svg#brandon_grotesquelight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'brandon_grotesquelight';
    src: url('../Brandon/brandon_light-webfont.eot');
    src: url('../Brandon/brandon_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Brandon/brandon_light-webfont.woff') format('woff'),
         url('../Brandon/brandon_light-webfont.ttf') format('truetype'),
         url('../Brandon/brandon_light-webfont.svg#brandon_grotesquelight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'denseregular';
    src: url('../dense/dense-regular-webfont.woff2') format('woff2'),
         url('../dense/dense-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}   
	#topblock,
	#bottomblock {
		position: fixed;
		left: 0;
		right: 0;
		height: 50%;
		margin-left: auto;
		margin-right: auto;
		text-transform: uppercase;
		font-family: denseregular;
		font-size: 30px;
		letter-spacing: 3px;
		text-align: center;
	}
	
	#topblock {
		top: 0;
		background-color: black;
		color: white;
	}
	
	#bottomblock {
		bottom: 0;
		background-color: white;
	}
	
	#logo
	{
		width: 15%;
		margin-top: 15%;
		margin-bottom: 2%;
	}
	
	.button {
	    background-color: #fff;
	    border: 2px solid black;
	    color: black;
	    padding: 20px 42px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 30px;
	    margin: 4px 2px;
	    cursor: pointer;
	    		transition: all 0.5s ease 0s;
	    
	}
	
	.button:hover{
		background-color: black;
		color: white;
		transition: all 0.5s ease 0s;
	}
	
	#dottedline
	{
		margin-left: 50%;
		margin-top: 2%;
		margin-bottom: 2%;
		width: 3px;
		height: 150px;
		background-image: linear-gradient(to bottom, #333 10%, rgba(255, 255, 255, 0) 0%);
		background-position: left;
		background-size: 3px 10px;
		background-repeat: repeat-y;
	}