@charset "utf-8";
/* CSS Document */

/*headline: font-family: ´spline sans´, sans-serif;
  paragraph: font-family: ´EB Gabarom´, serif;
*/

/*Clear Freshness
             ocean blue: #002637;
             vermillion: #690E0C;
             ocre: #A58E65;
             semi-white: #FFFFF4;
             esmerald: #286068;
*/


* {
	box-sizing: border-box;
	margin: 0;
	}

body {
	margin: 0 auto;
	padding: 0;
	width: 100%
}

h1, h2, h3, h4, h5, h6{
	font-family: ´spline sans´, sans-serif;
}

p {
  font-family: ´EB Gabarom´, serif;
}

/* center an image */
img {
	display: block;
	margin-left: auto;
	margin-rigth: auto;
}

/* main navigation */
#mainNav{
	overflow: hidden;
	margin: 0;
	display: block;
	position: fixed;
	background-color: #A58E65;
	width: 100%;
	font-family: ´spline sans´, sans-serif;
	height: 50px;
	}

/* style the links inside the navigation bar */
#mainNav a{
	float: left;
	margin: 0;
	display: inline-block;
	color: #FFFFF4;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none; /*removes underline*/ 
}

/* change the color of liknk on hover */ 
#mainNav a:hover {
	background-color: #FFFFF4;
	color: #690E0C;
	font-weight: 900
}

/* add the color to the active/current link */
#mainNav-right .active {
	background-color: #690E0C;
	color: #FFFFF4;
}

/* right-aligned section inside the top navigation */
#mainNav-right {
	float: right;
}

/* clear floats after the columns */
.row:after{
	contect: '';
	display: table;
	clear: both;
}


/* banner section */
.home_bg{
	background: #002637 url("../images/main image.jpg") no-repeat
	center center;
	background-size: cover;
	height: 500px;
	margin-top: 20px;
	
}

.home_bg h1{
	text-align: center;
	line-height: 500px;
	color: #690E0C;
	font-size: 3em;
	
}


/*flexbox container*/
.container{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: baseline;
}

/*flexbox column size*/
.comparative{
	margin: 0;
	padding: 1em;
	flex-basis: 30%;
}
	
/*flexbox column size*/
.information{
	margin: 0;
	padding: 0.5em;
	flex-basis: 30%;
	/*3 column widt:30%*/
}


.Comparative h2{
	font-size: 1.3em;
	text-align: center;
	font-weight: 900;
	color: #286068
}

.frealinformation h2{
	font-size: 1.3em;
	text-align: center;
	font-weight: 900;
	color: #286068
}

.Careers h2{
	font-size: 1.3em;
	text-align: center;
	font-weight: 900;
	color: #286068
}

/*home-flexbox column background images*/
.basic{
	  background: white url("../images/career news.jpg") no-repeat center;
	  background-size: cover;
	  height: 300px;
}

.information{
	        background: white url("../images/comparative information.jpg") no-repeat center;
	        background-size: cover;
	        height: 300px;
}

.finalmy{
	    background: white url("../images/fake vs real information.jpg") no-repeat center;
	    background-size: cover;
	    height: 300px;
}

footer{
	background-color: #002637;
	text-align: center;
	line-height: 50px;
	color: #FFFFF4;
}