/*!
 * Start Bootstrap - Full (http://startbootstrap.com/template-overviews/full)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full/blob/master/LICENSE)
 */



body {
    background: url('../bg07.jpg') no-repeat center center fixed;
	background-color: #150c05;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	z-index: 0;
}

.logo {
	z-index: 1;
	align-content: center;
 position: absolute;
	max-width: 100%;
	height: auto;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) 
}


.social {
	z-index: 1;
	align-content: center;
 position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
	margin-top: -270px;
        transform: translate(-50%, -50%) 
	
	
}



.gig {
	 
	box-shadow: 2px 2px  50px #000000 ;

	z-index: 1;
	align-content: center;
 position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
	margin-top: 350px;
        transform: translate(-50%, -50%) ;
	color: #f8d8a9;
	

	
}




a {
   display: inline-block;
   margin: 0 35px 0 35px;
	color: #f8d8a9;
	text-align: center;
	font-family: "helvetica";
	font-weight: lighter;
	font-size: 25px;
		line-height: 2;

}






p {
   display: inline-block;
   margin: 0 25px 0 25px;
	color: #f8d8a9;
	text-align: center;
	font-family: "helvetica";
	font-weight: lighter;
	font-size: 25px;
	line-height: 1;
}




a:link { 
    color: beige;
}

a:hover, a:focus { 
    color: #533912;
}


a:active { 
    color: #533912;
}


th, td {
    border-bottom: 1px solid #ddd;
	
}

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


h1 { 
   font-family: 'Yarin';
}  






@media only screen and (max-width: 680px) {
body {
    background: #150c05;
}
}


@media only screen and (max-width: 680px) {

p {


	font-size: 18px;}
	
	}



@media only screen and (max-width: 680px) {
.logo {
	z-index: 1;
	align-content: center;
 position: absolute;
	max-width: 100%;
	height: auto;
        top: 50%;
        left: 50%;
      
        transform: translate(-50%, -50%) 
}
}




@media only screen and (max-width: 680px) {
	.logo img {
		transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
		 top: 50%;
margin-left: 50px;
		margin-top: -50px;
		}	

}	


@media only screen and (max-width: 680px) {
	.social {
			margin-top: -275px;

		transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
		 top: 50%;
        left: 30%;
		}	

}	



@media only screen and (max-width: 680px) {
	.gig img {
		align-content: center;
		transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
		 top: 50%;
        left: 20%;
		}	

}	


@media only screen and (max-width: 680px) {
	.gig {
			margin-top: 200px;


		}	

}	

@media only screen and (max-width: 680px) {
	a {
	   margin: 0 15px 0 15px;
		align-content: center;
			line-height: 1;


		}	

}	




 

@media only screen and (max-width: 480px) {
body {
    background: #150c05;
}
}






@media only screen and (max-width: 480px) {
	.social {
		transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
		 top: 65%;
        left: 20%;
		z-index: 2;
		}	

}	



@media only screen and (max-width: 480px) {
	.gig img {
		align-content: center;
		transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
		 top: 50%;
        left: 20%;
		}	

}	


@media only screen and (max-width: 480px) {
	.gig {
			margin-top: 170px;


		}	

}	






@media only screen and (max-width: 458px) {
.logo {
	z-index: 1;
	align-content: center;
 position: absolute;
	max-width: 100%;
	height: auto;
        top: 50%;
        left: 40%;
      
        transform: translate(-50%, -50%) 
}
}



@media only screen and (max-width: 480px) {
	.logo img {
		left: 10%;
		transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
		 top: 50%;
		
		margin-top: 0px;
		}	

}	


@media only screen and (max-width: 480px) {
	a {
	   margin: 0 15px 0 15px;
		align-content: center;
			line-height: 0.8;


		}	

}	



@media only screen and (max-width: 480px) {
	p {


	font-size: 12px;
			font-weight: 800;
}
	
	}