@font-face {
    font-family: 'DCC Ash';
    src: url('../fonts/DCC-Ash.eot');
    src: url('../fonts/DCC-Ash.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DCC-Ash.woff2') format('woff2'),
        url('../fonts/DCC-Ash.woff') format('woff'),
        url('../fonts/DCC-Ash.ttf') format('truetype'),
        url('../fonts/DCC-Ash.svg#DCC-Ash') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	background-color: #f7f7f7;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 20px;
}
.logoBar,
.wallContainer {
	background-color: #5b2383;
}

.logoBar {
	height: 150px;
}

.vflLogo {
	position: absolute;
	width; 224px;
	height: auto;
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
}

.hashtag {
	font-family: DCC Ash;
	color: #5b2383;
	font-size: 3rem;
}

h1 {
	font-family: DCC Ash;
	text-transform: uppercase;
}

li.step {
	font-family: DCC Ash;
	font-size: 3rem;
}

strong {
	font-weight: 800;
}


.rulesContainer h1 {
	color: #5b2383;
}

.wallContainer h1 {
	color: #FFFFFF;
}

ul.steps {
	list-style-type: none;
	padding: 0;
}

li.step {
	padding-left: 100px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 12px;
    padding-bottom: 12px;
}
.step-1 {
	background-image: url(../img/step-1.png);
}
.step-2 {
	background-image: url(../img/step-2.png);
}
.step-3 {
	background-image: url(../img/step-3.png);
}

footer a {
	color: #5b2383;
	text-decoration: none;
}

@media (max-width: 576px) {
	li.step,
	.hashtag {
		font-size: 2rem;	
	}
	
	.logoBar {
		height: 50px;
	}
	
	.vflLogo {
		width: 75px;
	}
}