header
{
background-color: black;
}
.companyNameThin
{
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 24px;
color: #fff;
}
.companyNameBold
{
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 24px;
font-weight: bold;
color: #fff;
}
.companyNameSpacing
{
margin-left: -4px;
}
.tagline
{

background-image: url('../img/ScreenShotFront.jpg');
background-position: 50% 50%;
background-size: cover;
min-height: 600px;
display:block;
}
.tagheader
{
margin-top: 200px;
color: #fff;
font-weight: bold;
font-size: 67px;
line-height: 67.9px;
text-align: center;
}
.subheader
{
font-size: 16px;
line-height: 24px;
color: #fff;
max-width: 540px;
text-align: center;
}
.subtagheader
{
margin-top: 10px;
margin-left: 25%;
margin-right: 25%;
}
h3
{
box-sizing: border-box;
color: rgb(151, 154, 161);
display: block;
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
height: 16px;
letter-spacing: 2.4px;
line-height: 16px;
margin-bottom: 16px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
text-transform:uppercase;
--width: 720px;
}
h2
{
box-sizing: border-box;
color: rgb(31, 33, 36);
display: block;
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 37.8974px;
font-style: normal;
font-weight: 600;
--height: 76px;
line-height: 37.8974px;
margin-bottom: 18.9487px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
-webkit-font-smoothing: antialiased;
}
p 
{
box-sizing: border-box;
color: rgb(78, 83, 91);
display: block;
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
--height: 72px;
line-height: 24px;
margin-bottom: 32px;
margin-top: 0px;
text-align: left;
-webkit-font-smoothing: antialiased;
}
.figuretextblock p, .figuretextblock h2, .figuretextblock h3
{
    text-align: center;
}
.figuretextblock
{
box-sizing: border-box;
color: rgb(78, 83, 91);
display: block;
font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
--height: 523.938px;
line-height: 24px;
padding-bottom: 50px;
padding-left: 16px;
padding-right: 16px;
padding-top: 50px;
--width: 100%;
-webkit-font-smoothing:antialiased;
}
.gridArea
{
    background-color: #00A651;
}
.gridArea h2
{
    box-sizing: border-box;
    color: black;
    --color: red;
    display: block;
    font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: -15px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}
.gridArea p
{
    box-sizing: border-box;
    color: #F3F9F3;
    display: block;
    font-family: proxima-nova, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 16spx;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 0px;
    margin-top: -20px;
    padding-left:10px;
    padding-right: 10px;
    padding-bottom: 50px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}
.gridArea img
{
    display: block;
    margin: 0 auto;
    
}
.gridArea .topRow
{
    padding-top:50px;
}
.footer
{
    background-color: black;
}
.footer .copyright
{
    color: #fff;
    margin-top: 5px;
    text-align: center;
    
}