@media screen {
    .btn-primary {
        -o-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
    }

    .btn-primary {
        background: #3187c8;
        border-color: #3187c8;
        color: #fff !important;
        font: .9em Mavenpro-black, Arial, Helvetica, sans-serif;
        padding: 12px 14px;
        text-transform: uppercase;
        border-radius: 4px;
    }

    .btn-primary:hover {
        border-color: #3187c8;
        color: #3187c8 !important;
        background: 0 0;
    }

    .btn-primary-invert:hover {
        border-color: #3187c8;
        color: #3187c8 !important;
        background: #ffffff;
    }

    .helper-primary-section {
        background: #eeeeee;
        padding: 50px 0;
    }

    .helper-margin-top-20 {margin-top: 20px !important;}
    .helper-margin-top-40 {margin-top: 40px !important;}
    .helper-margin-bottom-20 {margin-bottom: 20px !important;}
    .helper-margin-bottom-40 {margin-bottom: 40px !important;}
    .helper-margin-bottom-0 {margin-bottom: 0 !important;}

    .helper-bold {font-weight: bold !important;}

    .helper-animation-pulse {animation: pulse 10s infinite;}
    .helper-animation-slow {animation-duration: 20s !important;}
    .helper-animation-really-slow {animation-duration: 30s !important;}

    .helper-border-radius-0 {border-radius: 0 !important;}

    .helper-callout {
        padding: 20px;
        margin: 20px 0;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
    }

    .helper-callout-info {
        border-left-color: #3187c8;
    }

    .helper-padding-left-0 {
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 450px) {

}

@media screen and (max-width: 767px) {
    .helper-sm-margin-top-0 {margin-top: 0;}

    .helper-recent-projects-list > li {
        width: 100%;
    }
}

@media screen and (min-width: 451px) and (max-width: 767px) {

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 768px) and (max-width: 1200px) {

}

@media screen and (max-width: 1199px) {

}

@media screen and (min-width: 1201px) {

}