* {
    box-sizing: border-box;
    color: #565657;
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Bebas Neue', sans-serif;
}

h2 {
    text-align: center;
}

body {
    margin: auto;
}

section {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 5px;
}

.primaryButton {
	background-color:#fcd97d;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#565657;
	font-family:'Source Sans Pro';
	font-size:11px;
	padding:2px 5px;
	text-decoration:none;
	/* text-shadow:1px 2px 0px #bbbbbb; */
}
.primaryButton:hover {
    background-color:#fb9e25;
    cursor: grabbing;
}
ŧ
.primaryButton:active {
	position:relative;
    top:1px;
    border: 0px;
}
.primaryButton:disabled {
	position:relative;
    top:1px;
    color: #c0c0c0; 
    background-color: #ffffff;
    cursor: not-allowed;
    pointer-events: none;
    /* text-shadow:1px 2px 0px #eeeeee; */
}

.mainButton {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 15px; 
	padding-right: 15px;
	text-decoration: none; 
	background-color:#ffcc3d; 
	color:#ffffff!important;
	border: 0px;
}

.mainButton:hover {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:15px; 
	padding-right:15px;
	text-decoration: none; 
	background-color:#fb9e25; 
	color:#ffffff!important;
}

.mainButton:disabled {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:15px; 
	padding-right:15px;
	text-decoration: none; 
	background-color:#dddddd; 
	color:#ffffff!important;
}

.redButton {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left: 15px; 
	padding-right: 15px;
	text-decoration: none; 
	background-color:#e56966; 
    color:#ffffff!important;
    border: none;
}

.redButton:hover {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:15px; 
	padding-right:15px;
	text-decoration: none; 
	background-color:#fb9e25; 
	color:#ffffff!important;
}

.redButton:disabled {
	line-height: 30px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	padding-left:15px; 
	padding-right:15px;
	text-decoration: none; 
	background-color:#dddddd; 
	color:#ffffff!important;
}

.secondaryButton {
	background-color:#e56966;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	padding:2px 5px;
	text-decoration:none;
	/* text-shadow:1px 2px 0px #bbbbbb; */
}
.secondaryButton:hover {
    background-color:#fcd97d;
    cursor: grabbing;
}
ŧ
.secondaryButton:active {
	position:relative;
    top:1px;
    border: 0px;
}
.secondaryButton:disabled {
	position:relative;
    top:1px;
    color: #c0c0c0; 
    background-color: #ffffff;
    cursor: not-allowed;
    pointer-events: none;
    text-shadow:1px 2px 0px #eeeeee;
}

.redicon{
	position: relative;
	top: -15px;
	left: -5px;
	background: #e56966;
	padding-left:5px;
	padding-right:5px;
	padding-left:3px;
	padding-right:3px;
	box-sizing: border-box;
	border-radius: 100%;
	color: white;
	font-style: bold;
}

.redmobileicon{
	position: relative;
	top: -15px;
	left: 12px;
	background: #e56966;
	padding-left:5px;
	padding-right:5px;
	padding-left:3px;
	padding-right:3px;
	box-sizing: border-box;
	border-radius: 100%;
	color: white;
	font-style: bold;
}

.helpSection {
    max-width: 900px;
    margin: 10px auto;
    padding: 0 5px;
}

/* MOBILE MENU STYLING */

.homeIconIncludedNav {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.homeIconExcludedNav {
    grid-template-columns: 1fr 1fr 1fr;
}