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

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

body {
		background-attachment:fixed;
		margin: 0 auto;
		text-align: center;
		height: 100%;
		width: 100%;
}

/*************** Fade in Image ***************/


div {
	text-align: center;
	margin: auto;
}

/*************** 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; 
}

/*************** little Design ***************/

#black_design {
		width: 30%;
		opacity: 0.5;
		margin-bottom: 130px;
		margin-top: -130px;
}

/*************** About Detail ***************/

#about_details {
		width: 100%;
		height: 700px;
}

#section_1a {
		width: 50%;
		height: 700px;
		float: left;
}

#about_susan {
		width: 60%;
}

#ceo {
		font-family: "NordicaHairline";
		font-size: 13px;
		margin-bottom: -13px;
}

#section_2a {
		max-width: 50%;
		height: auto;
		float: left;
}

#text_wrapper {
		margin-top: -100px;
		height: 70%;
}

#text_wrapper_work {
		display: inline-block;
}

#about_details_text {
		font-family: "garamond-normal";
		font-size: 20px;
		line-height: 130%;
		width: 80%;
		color: #2c2c2c;
		text-align: left;
		
}

span {
	color: red;
}
/*************** Motto ***************/
#motto {
		background-color: white;
		width: 100%;
		height: 500px;
}

#motto_wrapper {
		margin-top: 100px;
		margin-bottom: 100px;
		background-color: #efefef;
		width: 100%;
		height: 300px;
}

#motto_text {
		font-family: "garamond-normal";
		font-size: 40px;
		color: #2c2c2c;
		width: 70%;
		text-align: center; 
		margin: auto;
		padding-top: 100px;
}

/*************** Footer ***************/
#footer {
		display: inline-block;
		background-color: #efefef;
		height: 300px;
		width: 100%;
}

#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;
}