h1, h2, h3 {
	color: black;
	font-family: archivo-super-bold, Arial !important;
	font-variant-caps: petite-caps !important;
}
h4, h5, h6 {
	color: #444;
	font-family: archivo-bold, Arial !important;
	font-variant-caps: petite-caps !important;
}

body {
	background: #000000 !important;
	font-family: archivo-narrow, Arial !important;
	font-size: 18px !important;
}

p {
	font-family: archivo-narrow, Arial !important;
	font-size: 18px !important;
}

p.quote {
	font-style: italic;
	font-family: archivo-narrow-italic !important;
	font-size: 20px !important;
}

.flexbox {
	display: flex;

	/* Then we define the flow direction and if we allow the items to wrap 
	 * Remember this is the same as:
	 * flex-direction: row;
	 * flex-wrap: wrap;
	 */
	flex-flow: row wrap;
	
	/* Then we define how is distributed the remaining space */
	justify-content: space-around;
}
  
.flexbox-left {
	display: flex;
	margin-top: 100px;
	padding: 0;
	
	/* Then we define the flow direction and if we allow the items to wrap 
	* Remember this is the same as:
	* flex-direction: row;
	* flex-wrap: wrap;
	*/
	flex-flow: row wrap;
	
	/* Then we define how is distributed the remaining space */
	justify-content: flex-start;
}
  
.placeholder {
    height: 65px;
}


img.icon {
    width: 50px;
}

.row {
	margin: 10px !important;
}