@import url('https://fonts.googleapis.com/css?family=Montserrat');

body {
	background-image:url(https://engage-admin.franklymedia.com/ProductImages/plain_white_background_0.jpg);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: top center;
	background-color: #fff;
	font-family:'Montserrat', sans-serif;
	padding: 0px;
	margin:0px;
}
.contest-container {  }
.contest-container * {
	box-sizing: border-box;
}
.contest-header {  }
.content-logo {
	margin:20px auto 40px auto;
	display: block;
	width:100%;
	max-width: 550px;
}
.contest-content {
	padding:0px;
}


.contest-endcap {
    box-shadow: 0 4px 18px rgba(0,0,0,.1);
    padding: 50px 50px 20px 50px;
}


.contest-hero, .contest-endcap {
    max-width: 700px;
    margin: 0 auto;
    box-shadow: 0 0px 12px rgba(0,0,0,.1);
    padding: 40px 50px 40px 50px;
    box-sizing: border-box;
}

.contest-content h1,
.contest-content h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;	
	text-align: center;
	color: #000;
}
.contest-content h1 {
	font-size: 48px;
}
.contest-content h1 inline:nth-of-type(1) {
	color:#000;
}
.contest-content h1 inline:nth-of-type(2) {
	color:#000;
}
.contest-content h2 {
	font-size: 32px;
}
.contest-content p {
	font-size: 16px;
	line-height: 28px;
}
.contest-examples {
	display: block;
	margin:40px auto;
	max-width: 700px;
}
.contest-example-item {
	width:100% !important;
	min-height: 122px;
	margin-bottom:30px;
	position: relative;
}
.contest-photo {
	border-bottom:none;
	display: block;
	width:100%;
	min-width: 450px;
	webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    filter: drop-shadow(12px 12px 25px rgba(0,0,0,0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.content-example-copy {  
	text-align:center;
	background: #fff;
	padding:12px 20px;
	font-size: 14px;
	width: 100%;
	box-shadow: 0 3px 0px 0px rgba(0,0,0,0.25)
}

@media screen and (min-width:601px) and (max-width: 1056px) {
	body {
		background-position: top center;
		background-size: initial;
	}
}

@media screen and (min-width:1200px) {
	body {
		background-position: 0 -5%;
	}
}

@media screen and (min-width:1200px) {
	body {
		background-position: 0 -10%;
	}
}


@media screen and (min-width:1500px) {
	body {
		background-position: 0 -15%;
	}
}

@media screen and (max-width:600px) {
	body {
		background-size: initial;
	}
	.contest-content {
		padding:0;
	}
	.contest-example-item {
		width:100%;
	}

	.contest-content p {
		font-size: 13px;
	}

	.contest-content h1 {
		font-size:28px;
	}

	.contest-content h2 {
		font-size: 20px;
	}
.contest-hero {
    padding: 20px;
}

.contest-endcap {
    padding: 20px;
}

}

@media screen and (max-width:450px) {
	.contest-example-item:nth-child(odd) .contest-photo {
		right: 0;
		position: absolute;
		top: 0px;
	}
}


/* Overrides */
#container-header {
    display:none;
}

#container-contest, #container-contest, #container-content, #container-contentbg  {
    width:100%;
    margin:0px;
    padding:0px;
}

#container-content {
    border:none;
}

#container-contentbg {
    background-color:transparent;
}

#authForm, #container-footer, div.contest-ends-block, .ng-scope {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 30px;
    box-sizing: border-box;
   
}

div.contest-ends-block {
    text-align: center;
    padding:20px 30px;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

#authForm {
    border-bottom:1px dashed white;
}

#container-footer {
    clear:both;
}

.contentblock.clear h3 {
    display:none;
}

.ad--top {
	display:none;
}

div.contest-ends-block {
	border-style:solid;
	border-color:#ccc;
}

.ng-scope input {
    padding-bottom: 3px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.share-widget {
	padding:0px;
	top:12px;
}

.share-widget .di-uix-button {
	background-color:#e2001a;
}