@import url("https://use.typekit.net/xbk2gbf.css");

html, body {
	
}

BODY{
	background-color: #000000;
	color:#d7a360; /*#b38047;	*/
	font-family: Verdana, 'sans-serif';
	font-style: normal;
	font-weight: 200;	
}


H1,
H2,
H3{
	font-family: Verdana, 'sans-serif';	
	text-transform: uppercase;
}

H4,
H5{
	font-family: 'oswald', serif;
	font-style: normal;
	font-weight: 400;
}

H1{
	font-size: 85px;
	margin-bottom: 20px;
	margin-top: 50px;
}

h1 span {
	white-space: nowrap;
}

P{
	font-family: Verdana, 'sans-serif';
	font-style: normal;
	font-weight: 200;
	font-size: 20px;
}
a{
	color: #b38047;
	text-decoration: underline;
	font-weight: 400;
}
a:hover{
	color: #b38047;
	font-weight: 200;
}

.modal{ color: #000000; }
.modal H2{ color: #0f9faa; font-size: 40px; margin-top: 0; }

.btn.btn-primary,
.rsvp-btn{
	background-color: #b38047;
	color: #ffffff;
	border-color: #b38047;
	border-radius: 5;
	padding: 15px;
	text-transform: uppercase;
}
.btn.btn-primary:hover{
	background-color: #b38047;
}

.main-container{
	background: url('../img/main-bg.png') top no-repeat;
	background-size: cover;
	min-height:640px;
	display: block;
}

.main-logo{
	margin-top: 85px;
}

.main-title{
	font-size: 3rem;
	align-items: baseline;
	font-weight: 700;
	margin-top: 30px;
	text-transform: uppercase;
}
.main-title .small{
	font-size: 60%;
	align-items: baseline;
	font-weight: 200;
}

.hightlight{
	
	padding: 35px;
	margin-top: 30px;
	margin-bottom: 30px;
}
p.styled{
	font-style: italic;
	letter-spacing: -2px;
	font-size: 28px;
}
.strongBlue{
	font-weight: bold;
	color: #0f9faa;
	margin-top: 15px;
	font-size: 30px;
}
.jayman-logo{
	max-width: 10%;
	margin-bottom: 50px;
}

.copyright{
	margin-top: 50px;
}
.copyright p{
	color: #666; 
}

/*
 *
 * Media Queries
 * 
 */

@media (max-width: 599px) { 

	.main-title{
		font-size: 50px;
		line-height: 45px;
		margin-top: 20px;
	}
	.main-title .small{
		line-height: 30px;
		font-size: 30px;
	}
	
}

@media (min-width: 600px) and (max-width: 1000px) { 

	.main-title{
		font-size: 70px;
		line-height: 60px;
		margin-top: 20px;
	}
	.main-title .small{
		line-height:55px;
		font-size: 55px;
	}
	
}

@media (min-width: 1000px) and (max-width: 1200px) { 

	.main-title{
		font-size: 6rem;
		line-height: 5rem;
		margin-top: 30px;
	}
	.main-title .small{
		line-height:3rem;
		font-size: 3rem;
	}
	
}