*{
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Fjalla One', sans-serif;*/
	/* strle swap for my styles */
	font-size: 14px;
	font-weight: 400;
	color: #777;
	/*height: 2000px;*/
}

h1 {
	font-size: 36px;
	color: #555;
	font-weight: bold;
}

h2 {
	font-size: 30px;
	color: #555;
	font-weight: bold;
}

h3 {
	font-size: 24px;
	color: #333;
	font-weight: bold;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Racing Sans One', cursive;
}
/* strle swap for my styles */

.primary {
	/*color: #e74c3c;*/
	color: #fe9314;
	/* strle swap for my styles */
}

.primary-bg {
	background-color: #e74c3c;
	background-color: #fe9314;
	/* strle swap for my styles */
}

.secondary-dark-blue {
	color: #34495e;
}

.secondary-dark-blue-bg {
	background-color: #34495e;
}

.secondary-sky-blue {
	color: #2d82d8;
	color: #2196f3;
	/* strle swap for my styles */
}

.secondary-sky-blue-bg {
	background-color: #2d82d8;
	background-color: #2196f3;
	/* strle swap for my styles */
}

a:focus {
	outline: 0;
	/* to remove border of nave on hover that, header nav ul li a:focus gave it not needed un current foxfire or chrome*/
}

a:hover {
	text-decoration: none;
}

ol, ul {
	margin-bottom: 0px;
}

ul {
	list-style: none;
}

ul li {
	display: inline-block;
	overflow: hidden; /* to overlay content will not display if outsite inner-content */
}


.section-padding {
	padding: 56px 0;
}

.white {
	color: #fff;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.animation {
	opacity: 0;
}

.med-white-secondary {
	color: #FFF;
	font-size: 20px;
}