/* Styles for Comptche BBQ Webpage */

/* General Defaults */
html {
	font-size:62.5%;
}
body { 
	font-family: Arial, sans-serif; 
	font-size:16px; font-size:1.6rem;
	background-repeat: repeat;
}
h1, h2, h3, h4, p {
	margin:0;
	padding:0;
}
/* Logo */
.comptche-logo {
	margin:15px; margin:1.5rem;
}
/* Headline */
.comptche-headline-main {
	background-color:#f9b146;
	padding:20px; padding:2rem;
	border-top:10px solid #514342;
	border-bottom:10px solid #514342;
}
.comptche-headline-main h1 {
	text-align:center;
	font-size:35px; font-size:3.5rem;
	font-family: 'Bree Serif', serif;
	margin-bottom:10px;margin-bottom:1rem;
	font-color:#514342;
}
@media only screen and (min-width : 500px) {
	.comptche-headline-main h1 {
		font-size:55px; font-size:5.5rem;
		margin-bottom:10px;margin-bottom:1rem;
	}	
}
@media only screen and (min-width : 768px) {
	.comptche-headline-main h1 {
		font-size:95px; font-size:9.5rem;
		margin-bottom:10px;margin-bottom:1rem;
	}	
}
/* Information - Block 1*/
.comptche-info-1 {
	padding:30px 10px; padding:3rem 1rem;
}
@media only screen and (min-width : 768px) {
	.comptche-info-1 {
		padding:40px 20px; padding:4rem 2rem;
	}
}
.comptche-info-1 h3 {
	text-align:center;
	font-size:25px; font-size:2.5rem;
	font-family: 'Bree Serif', serif;
	margin-bottom:10px;margin-bottom:1rem;
	font-color:#514342;	
}
@media only screen and (min-width : 768px) {
	.comptche-info-1 h3 {
		font-size:33px; font-size:3.3rem;
	}	
}
.comptche-info-1 p.comptche-info-1-day{
	font-size:60px; font-size:6rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:300;
	border-bottom:3px solid #514342;
	padding-bottom:10px;
	text-align:center;
}
@media only screen and (min-width : 600px) {
	.comptche-info-1 p.comptche-info-1-day{
		font-size:75px; font-size:7.5rem;
	}	
}
@media only screen and (min-width : 992px) {
	.comptche-info-1 p.comptche-info-1-day{
		font-size:90px; font-size:9rem;
	}	
}
@media only screen and (min-width : 1199px) {
	.comptche-info-1 p.comptche-info-1-day{
		font-size:120px; font-size:12rem;
	}	
}
.comptche-info-1 p.comptche-info-1-month{
	font-size:120px; font-size:12rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:500;
	margin-top:-20px;
	text-align:center;
}
@media only screen and (min-width : 600px) {
	.comptche-info-1 p.comptche-info-1-month{
		font-size:150px; font-size:15rem;
	}	
}
@media only screen and (min-width : 992px) {
	.comptche-info-1 p.comptche-info-1-month{
		font-size:180px; font-size:18rem;
	}	
}
@media only screen and (min-width : 1199px) {
	.comptche-info-1 p.comptche-info-1-month{
		font-size:250px; font-size:25rem;
	}		
}
.comptche-info-1 .comptche-info-1-date-bg{
	background-color:#e04d53;
	text-align:center;
	padding-bottom:30px;
}
@media only screen and (min-width : 600px) {
	.comptche-info-1 .comptche-info-1-date-bg{

	}	
}
@media only screen and (min-width : 992px) {
	.comptche-info-1 .comptche-info-1-date-bg{
		margin-top:20px;
	}	
}
@media only screen and (min-width : 1199px) {
	.comptche-info-1 .comptche-info-1-date-bg{
		margin-top:40px;
	}	
}
.comptche-info-1 .comptche-info-1-date{
	font-size:200px; font-size:20rem;
	font-family:'Alegreya Sans', sans-serif;
	font-weight:800;
	color:#ffffff;
	line-height:1;
}
@media only screen and (min-width : 600px) {
	.comptche-info-1 .comptche-info-1-date{
		font-size:220px; font-size:22rem;
	}
}
@media only screen and (min-width : 992px) {
	.comptche-info-1 .comptche-info-1-date{
		font-size:270px; font-size:27rem;
	}
}
@media only screen and (min-width : 1199px) {
	.comptche-info-1 .comptche-info-1-date{
		font-size:350px; font-size:35rem;
	}
}
.comptche-info-1 .comptche-info-1-date span{
	font-size:50px; font-size:5rem;
}
@media only screen and (min-width : 600px) {
	.comptche-info-1 .comptche-info-1-date span{
		font-size:100px; font-size:10rem;
	}
}


/* Information - Block 2*/
.comptche-info-2 {
	background-color:#514342;
}
@media only screen and (min-width : 1199px) {
	.comptche-info-2 {
		background-color:#514342;
		margin-top:-80px;
	}
}
.comptche-info-2 p{
	font-size:30px; font-size:3rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:300;
	text-align:center;
	padding:20px 10px; padding:2rem 1rem;
	color:#ffffff;
}
@media only screen and (min-width : 600px) {
	.comptche-info-2 p{
		font-size:45px; font-size:4.5rem;
	}
}
.comptche-info-3 {
	background-color:#ffffff;
	border-bottom:3px solid #514342;	
}
.comptche-info-3 p{
	font-size:30px; font-size:3rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:300;
	text-align:center;
	padding:20px 10px; padding:2rem 1rem;
	color:#514342;
}
@media only screen and (min-width : 600px) {
	.comptche-info-3 p{
		font-size:45px; font-size:4.5rem;
	}
}


.comptche-summary {
	margin-top:40px;margin-top:4rem;
}
.comptche-summary-block {
	margin-bottom:40px;margin-bottom:4rem;
}
.comptche-summary .comptche-photo img{
	width:100%;
}
.comptche-summary .comptche-photo-info {
	background-color:#f9b146;
	padding:20px;
}
@media only screen and (min-width : 768px) {
	.comptche-summary .comptche-photo-info {
		padding:30px;
		height:230px;
	}
}
@media only screen and (min-width : 992px) {
	.comptche-summary .comptche-photo-info {
		padding:45px;
		height:305px;
	}
}
@media only screen and (min-width : 1199px) {
	.comptche-summary .comptche-photo-info {
		padding:80px;
		height:373px;
	}
}
.comptche-summary .comptche-photo-info p {
	font-size:20px; font-size:2rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:500;
}
@media only screen and (min-width : 768px) {
	.comptche-summary .comptche-photo-info p {
		font-size:20px; font-size:2rem;
	}
}
@media only screen and (min-width : 992px) {
	.comptche-summary .comptche-photo-info p {
		font-size:25px; font-size:2.5rem;
	}
}
@media only screen and (min-width : 1199px) {
	.comptche-summary .comptche-photo-info p {
		font-size:25px; font-size:2.5rem;
	}
}
.comptche-summary .comptche-photo-info.comptche-photo-info-dark {
	background-color:#514342;
}
.comptche-summary .comptche-photo-info.comptche-photo-info-dark p{
	color:#ffffff;
}


.comptche-footer {
	background-color:#514342;
	padding:40px 10px; padding:4rem 1rem;

}
.comptche-footer h2{
	font-size:25px; font-size:2.5rem;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:300;	
	text-align:center;
	color:#ffffff;
	line-height:1.5;
}