@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=Merriweather:700);
/* index.html, careers.html and profile.html stylesheet*/

#container{
width: 960px;
height: 815px;
left: 225px;
position: relative;
background-color: rgb(44, 71, 112);
border: 1px solid black;
border-radius: 10px;
}

#header{
width: 930px;
height: 120px;
top: 15px;
left: 15px;
border: 1px solid black;
position: absolute;
border-radius: 10px;
}

#nav{
width: 740px;
height: 40px;
top: 150px;
left: 205px;
border: 1px solid black;
position: absolute;
border-radius: 10px;
background-color: rgb(243, 207, 69);
text-align: right;
}

#aside{
width: 160px;
height: 580px;
top: 150px;
left: 15px;
border: 1px solid #000000;
position: absolute;
border-radius: 10px;
padding:8px;
}

img {
	border-radius: 10px;
}

h3{
	text-align: center;
	color: white;
	font-size: 16px;
	font-family: cabin;
	font-weight: normal;
}

h4{
	font-family: cabin;
	font-weight: bold;
}

#column1{
width: 260px;
height: 495px;
top: 205px;
left: 255px;
border: 1px solid black;
position: absolute;
border-radius: 10px;
background-color: rgb(243, 207, 69);
padding: 15px;
margin-bottom: 25px;
box-shadow: 5px 5px 5px #000;
}

#column2{
width: 260px;
height: 495px;
top: 205px;
left: 595px;
border: 1px solid black;
position: absolute;
border-radius: 10px;
background-color: rgb(243, 207, 69);
padding: 15px;
margin-bottom: 25px;
box-shadow: 5px 5px 5px #000;
}

#foot{
width: 930px;
height: 40px;
top: 760px;
left: 15px;
border: 1px solid black;
position: absolute;
border-radius: 10px;
background-color: rgb(243, 207, 69);
}

p {
	font-family: cabin;
}

h1{ 
	font-family: merriweather;
	font-size: 30px;
}

h2{
	font-family: merriweather;
	font-size: 20px;
}	

a:link:hover{
	opacity: 0.75;
}