@font-face {
    font-family: 'MyriadPro';
    src: url('/fonts/MyriadPro-LightSemiExt.eot');
    src: url('/fonts/MyriadPro-LightSemiExt.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MyriadPro-LightSemiExt.woff') format('woff'),
         url('/fonts/MyriadPro-LightSemiExt.ttf') format('truetype'),
         url('/fonts/MyriadPro-LightSemiExt.svg#MyriadPro') format('svg');
    font-weight: normal;
    font-style: normal;
}



html, body{
	margin:0px;
	padding:0px;
	position:relative;
}

body {
    width: 100vw;
    height: 100vh;
    background: url(/_images/gig_media_bg.jpg?11);
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.img img{
	width:100%;
	
}

.img{
	width:90%;
	margin:20vh auto;
	max-width:733px;

	text-align:center;
}



.link, .link a{
	font-size: 18px;
	font-family: "MyriadPro";
	color: rgb(255, 255, 255);
	
	text-align: center;
	
	width:100%;
	text-decoration:none;
}


.email{
	position:absolute;
	top:63.5vh;
	left:0px;
}


.web{
	position:absolute;
	bottom:1vh;
	left:0px;
}


@media (max-width: 768px){
	body{
		height: 83vh;
		background: url(/_images/gig_media_bg.jpg?11) #0b0b0b; 
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.email {
		
		top: 52.5vh;
		
	}
	
	.web{
		bottom: -15vh;
	}
}


@media (min-height: 1300px){
	.link, .link a{
		font-size: 23px;
	
	}
}