body {
    font-family: 'Open Sans', sans-serif;
    background-color:#fff;
    padding:0;
    margin:0 auto;
}

.logo
{
    margin:45px;
}

.logo-link
{
    text-decoration:none;
    border:none;
}

.punch-line-container
{
    padding:25px;
    margin-bottom:50px;
}

.punch-line
{
    font-size:32pt;
    font-weight:200;
    color:#0e6a5d;
    margin-bottom:25px;
    padding-left:25px;
    padding-right:25px;
}

.call-to-action-button
{
    font-size:14pt;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    background-color:#0e6a5d;
    border-radius:55px;
    height:55px;
    width:275px;
    display:block;
    text-align:center;
    margin:0 auto;
    padding:15px;
}

.call-to-action-button:hover, .call-to-action-button:focus
{
    color:#fff;
    background-color:#ff9358;
    text-decoration:none;
}

.info-bar
{
    color:#fff;
    background-color:#0e6a5d;
    padding-top:10px;
    padding-bottom:10px;
    margin:0 auto;
    font-size:11pt;
    margin-bottom:25px;
}

.info-bar-button
{
    font-size:9pt;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    background-color:#0e6a5d;
    border:1px solid #fff ;
    border-radius:50px;
    width:100px;
    text-align:center;
    margin-left:15px;
    padding:5px 10px 5px 10px;
    display:inline-block;
}

.info-bar-button:hover, .info-bar-button:focus
{
    color:#0e6a5d;
    background-color:#fff;
    text-decoration:none;
}

.accent-color
{
    color:#242424;
    background-color:#ff9358;
    padding-top:40px;
    padding-bottom:40px;
    margin:0 auto;
}

.title
{
    font-size:18pt;
    margin-bottom:25px;
    padding-left:25px;
    padding-right:25px;
    line-height:24pt;
}

.works-step
{
    border: 3px solid #242424;
    height:62px;
    width:62px;
    border-radius:62px;
    display:block;
    margin:0 auto;
    text-align:center;
    font-size:18pt;
    font-weight:bold;
    padding:15px;
}

.works-title
{
    font-size:12pt;
    font-weight:bold;
}

.works-description
{
    font-size:12pt;
    font-weight:normal;
    line-height:22pt;
}

.strong-title
{
    margin-top:75px;
    margin-bottom:100px;
    color:#ff9358;
}

.heading
{
    margin-top:25px;
    margin-bottom:15px;
    font-size:18pt;
    color:#0e6a5d;
    line-height:24pt;
}

.description
{
    font-size:12pt;
    font-weight:normal;
    line-height:22pt;
}

.screenshot
{
    margin-bottom:45px;
}

.screen-shot
{
    float:right;
    padding-right:25px;
}

.dark-color
{
    color:#fff;
    background-color:#0e6a5d;
    padding-top:40px;
    padding-bottom:40px;
    margin:0 auto;
}

.contact-button
{
    font-size:12pt;
    text-transform:uppercase;
    text-decoration:none;
    color:#0e6a5d;
    background-color:#fff;
    border-radius:50px;
    height:50px;
    width:200px;
    display:block;
    text-align:center;
    margin:0 auto;
    padding:15px;
    border:none;
    cursor:pointer;
}

.contact-button:hover, .contact-button:focus
{
    color:#fff;
    background-color:#ff9358;
    text-decoration:none;
}

.big-input
{
    border: 1px solid #fff;
    color:#fff;
    font-size:14pt;
    background-color:#0e6a5d;
    border-radius: 40px;
    height:40px;
    padding:5px;
    width:250px;
    text-align:center;
}

.small-input
{
    border: 1px solid #fff;
    background-color:#0e6a5d;
    border-radius: 40px;
    height:40px;
    padding:10px;
    width:100px;
}

.header
{
    color:#ff9358;
    font-size:14pt;
    font-weight:bold;
}

.text-block h5
{
    float:left;
    margin-left:15px;
}

.text-block p
{
    margin-top:105px;
}

.text-block img
{
    float:left;
    margin-top:25px;
    margin-bottom:15px;
}

@media (max-width: 1200px){
    .text-block img, .text-block h5, .text-block p
    {
        float:none;
        margin:0 auto;
        padding-left:25px;
        padding-right:25px;
        padding-top:25px;
    }
}

@media (max-width: 768px) {
    .screen-shot 
    {
        float: none;
        padding-left: 75px;
        padding-top:50px;
        padding-top:25px;
    }

    .main-screenshot
    {
        width:350px;
    }

    .text-block img, .text-block h5, .text-block p
    {
        float:none;
        margin:0 auto;
        padding-left:25px;
        padding-right:25px;
        padding-top:25px;
    }
}