*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.container {
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
width: 960px;
}

body{
color: #f0f4f3;
font: 300 16px Arial;
padding-left: 30px;
padding-right: 30px;
}

h2 {
color: #7b9d95;
font-size: 24px;
line-height: 44px;
}

h3 {
color: #62847e;
font-size: 24px;
line-height: 44px;
}

.logo {
border-top: 4px solid #f0f4f3;
padding: 30px 25px 0 9px;
float: left;
font-size: 18px;
line-height: 25px;
color: #d3dedc;
}

.primary-nav {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}

.nav {
text-align: right;
padding-top: 0;
}

nav a {
padding-right:10px;
}

header {
font-size: 14px;
padding-bottom: 12px;
padding-top: 12px;
background-color: #7b9d95;
}

.primary-footer {
color: #f0f4f3;
font-size: 14px;
padding-bottom: 12px;
padding-top: 12px;
position: fixed;
left: 50px;
bottom: 15px;
right: 55px;
background-color: #7b9d95;
}

a:hover {
color: #00ffcc;
}

a {
color: #f0f4f3;
text-decoration: none;
}

p {
color: #62847e;
font-size: 18;
font-weight: 500;
}

p a {
color: #62847e;
font-size: 18;
}

p a:hover {
color: #00ffcc;
}