@charset "UTF-8";
/* CSS Document */
body {
		background-color:#fff;
	background-image: url("../images/OleTheDayBG-opt.jpg");

}
.row {
	display:block;
}
h1, h2, h3, h4 {
	font-family: "Franklin Gothic Heavy", "Arial ", Arial, sans-serif;
}
p {
	font-family: "Franklin Gothic Demi", "Arial ", Arial, sans-serif;
}
p {
	font-size: 32px;
	font-weight: 600;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	line-height: 2rem;
}
h4 {
	font-size: 48px;
	font-weight: 800;
	line-height: 1.5rem;
	text-transform: uppercase;
	color:#fff;
	text-align: center;
	margin-bottom:1.5rem;

}
.content {
	background-image: url("../images/OleTheDayBG.jpg");
}
.header {
	background-color: #ed1b2d;
	padding:24px;
}
.header .logo1 {
	max-width: 35%;
	max-height: 100px;
}
.header .headline1 {
	max-width: 55%;
	padding: 24px 12px;
	border-bottom: 3px solid #fff;
	margin-left:24px;
}
.header .headline-small {
	max-width: 80%;
	text-align: center;
}
.apps {
	background-color: #f47b3c;
	margin-top:12px;
	margin-bottom:12px;
	padding: 24px;
	text-align: center;
    line-height: 2.4rem;

}

.apps a img {
	height:50px;
	margin:10px;
}

.lg-screen {
	display:block;
}

.sm-screen {
	display:none;
}

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

	  
.lg-screen {
	display:none;
}

.sm-screen {
	display:block;
}
}

@media only screen and (max-width: 575px) {
p {
	font-size: 24px;
	font-weight: 600;
    line-height: 1.4rem;
}
h4 {
	font-size: 32px;
	font-weight: 800;
    line-height: 1.4rem;
}

}

@media only screen 	and (max-width: 420px) {
p {
	font-size: 21px;
}
}