@font-face {
			font-family: "NordicaHairline";
			src: url("fonts/NordicaHairline.otf") format("opentype");	
}

@font-face {
			font-family: "BebasNeue";
			src: url("fonts/BebasNeue.otf") format("opentype");
}

body {
		margin: 0;
		background-color: white;
		background-attachment: fixed;
		width: 100%;
		height: 100%;
}

/*************** Navigational Bar ***************/

#nav_bar {
			background-color: white;
			width: 100%;
			height: 120px;
			max-height: 100%;
			top: 0;
			text-align: center;
			margin: auto;
}

.button {
		display: inline-block;
		text-align: center;
		height: 50px;
		width: 100px;
		text-decoration: none;
		margin-right: 3%;
		margin-left: 3%;
		margin-bottom: 20px;
		
		position: relative;
		padding bottom: 1px;
}

.button:after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.button:hover:after {
    width: 100%;
    background: black;
}

#nav_bar p {
	font-family: "NordicaThin";
	color: black;
	opacity: 0.6;
}

#logo {
		height: 100px;
		width: 100px;
		margin-top: 10px;
		margin-bottom: -40px; 
}



/*************** Mini Navigational Bar Toggle ***************/

@media screen and (max-height: 500px) {
	#nav_bar {
		display: none;
	}
	
	#nav_bar_m {
		opacity: 1;
	}
}

/*************** Harresto ***************/

#harrington {
		width: 100%;
		margin-top: 30px;
}

#harrington_wrapper {
		margin-top: 40px;
		margin-bottom: 40px;
}

#harrington_text {
		font-family: "garamond-normal";
		font-size: 40px;
		color: #2c2c2c;
		width: 60%;
		text-align: center; 
		margin: auto;
}

#grey_line {
		border: solid 1px #efefef;
		width: 40%;
		text-align: center;
		margin: auto;
}

#harrington_div {
				width: 90%;
				text-align: center;
				margin: auto;
				margin-top: 50px;
				margin-left: 8%;
}

#harrington_img {
				width: 100%;
}

/*************** Captions ***************/

.caption {
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			background-color: #cacaca;
			background: rgba(255,255,255,0.7);
			height: 99%;
			width: 100%;
}

h3 {
	font-family: "garamond-normal";
	font-size: 25px;
	color: #2c2c2c;
	margin-top: 45%;
	opacity: 0.9;
}

/*************** Michael ***************/

#michael {
		width: 100%;
		margin-top: 30px;
}

#michael_wrapper {
		margin-top: 40px;
		margin-bottom: 40px;
}

#michael_text {
		font-family: "garamond-normal";
		font-size: 40px;
		color: #2c2c2c;
		width: 60%;
		text-align: center; 
		margin: auto;
}

#michael_div {
				width: 90%;
				text-align: center;
				margin: auto;
				margin-top: 50px;
				margin-left: 8%;
}

#michael_img {
				width: 100%;
}


/*************** Norrbom ***************/

#norrbom {
		width: 100%;
		margin-top: 30px;
}

#norrbom_wrapper {
		margin-top: 40px;
		margin-bottom: 40px;
}

#norrbom_text {
		font-family: "garamond-normal";
		font-size: 40px;
		color: #2c2c2c;
		width: 60%;
		text-align: center; 
		margin: auto;
}

#norrbom_div {
				width: 90%;
				text-align: center;
				margin: auto;
				margin-top: 50px;
				margin-left: 8%;
}

#norrbom_img {
				width: 100%;
}

/*************** Blocks ***************/

#block2 {
		margin-top: 500px;
}

#block3 {
		margin-top: 500px;
}

/*************** Common ***************/

.grid_block {
				position: relative;
				float: left;
				width: 27%;
				height: 27%;
				margin: 0 0 3% 3%;
}

/*************** Footer ***************/
#footer {
		background-color: #efefef;
		position: relative;
		height: 300px;
		width: 100%;
		
		margin-top: 600px;
}

#logo_footer {
		height: 100px;
		width: 100px;
		margin-top: 10px;
		margin-bottom: -40px; 
		margin-right: 3%;
}

.footer_button {
		width: 13%;
		display: inline-block;
		text-decoration: none;
		text-align: center;
		margin: auto;
}

#footer_text {
		font-family: "garamond-normal";
		color: #2c2c2c;
		font-size: 15px;
		display: inline-block;
		opacity: 0.7;

}

#footer_nav {
		font-family: "NordicaHairline";
		color: #2c2c2c;
		font-size: 15px;
}

#grey_line {
		border-style: solid;
		border-width: thin;
		width: 40%;
		opacity: 0.5;
}

#text_wrapper1 {
}

#text_wrapper2 {
		margin-top: -60px;
}


#section_1 {
			width: 100%;
			height: 175px;
			display: block;
			
			text-align: center; 
			margin: auto;
}

#section_2 {
			width: 100%;
			height: 125px;
			display: block;
			
			text-align: center; 
			margin: auto;
}


/*************** Rights ***************/

#rights {
		background-color: #efefef;
		width: 100%;
		height: 50px;
}

#grey_line_full {
		border-style: solid;
		border-width: thin;
		width: 90%;
		opacity: 0.1;
		
		margin-top: -60px;
		margin-bottom: 70px;
}

#rights_text {
		font-family: "garamond-normal";
		font-size: 14px;
		padding-top: -10px;
		opacity: 0.5;
}