@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
.clearfix {
    *zoom: 1
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}
.clearfix:after {
    clear: both
}
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-size: 16px;
    color: #34495e;
    background: #f5f5f5
}
body h1,
body h2,
body h3,
body h4,
body .created {
    font-family: "Fjalla One";
    font-weight: normal
}
body h5,
body h6 {
    margin: 0
}
body h3,
body h4 {
    margin-top: 0
}
.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background-image: none;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.btn.btn-transparent {
    border: 3px solid #fff;
    background: transparent;
    color: #fff
}
.btn.btn-transparent:hover {
    border-color: rgba(255, 255, 255, 0.5)
}
.btn.btn-link {
    color: #2dcc70;
    padding: 0
}
.btn.btn-link:hover {
    text-decoration: none
}
.btn-primary {
    background-color: #2dcc70
}
.btn-primary:hover {
    background-color: #24a259
}
a {
    color: #2dcc70;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}
a:hover,
a:focus {
    color: #005580;
    text-decoration: none;
    outline: 0
}
.dropdown-menu {
    margin-top: -1px;
    min-width: 180px
}
body>section {
    padding: 50px 0
}
body>section#slide-show {
    padding: 0
}
#recent-works {
    background: #2dcc70;
    color: #fff
}
#recent-works .links>a {
    background: #fff;
    color: #2dcc70;
    text-shadow: none
}
#clients {
    background: #fff
}
#clients h4 {
    color: #999
}
#clients .carousel {
    margin-bottom: 0
}
#clients .clients ul.thumbnails {
    margin: 0
}
#clients .clients ul.thumbnails>li {
    text-align: center;
    margin-bottom: 0
}
#clients .prev,
#clients .next {
    color: #999
}
.title {
    background: #ca2e2b;
    color: #fff;
    padding: 20px 0
}
.center {
    text-align: center
}
.box {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
.progress {
    margin-bottom: 10px
}
.progress,
.progress .bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    height: 30px;
    line-height: 30px
}
.label,
.badge {
    font-weight: 300;
    font-size: 90%
}
ul.breadcrumb {
    margin: 12px 0 0;
    background: transparent
}
ul.breadcrumb>li {
    text-shadow: none
}
ul.breadcrumb>li>a,
ul.breadcrumb>li .divider {
    color: #fff
}
ul.breadcrumb>li.active {
    color: rgba(255, 255, 255, 0.7)
}
ul.tag-cloud li {
    display: inline-block;
    margin: 0 0 2px 0
}
.btn-social {
    border: 0;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.5)
}
.btn-social.btn-facebook {
    background: #4f7dd4
}
.btn-social.btn-facebook:hover {
    background: #789bde
}
.btn-social.btn-twitter {
    background: #5bceff
}
.btn-social.btn-twitter:hover {
    background: #8eddff
}
.btn-social.btn-linkedin {
    background: #21a6d8
}
.btn-social.btn-linkedin:hover {
    background: #49b9e3
}
.btn-social.btn-google-plus {
    background: #dc422b
}
.btn-social.btn-google-plus:hover {
    background: #e36957
}
.btn-social:hover {
    color: #fff
}
header.navbar .navbar-inner {
    background: #fff!important;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
header #logo {
    width: 132px;
    height: 80px;
    background: url(../img/logo.png) no-repeat 0 50%
}
header.navbar {
    margin-bottom: 0
}
header.navbar .nav {
    margin-top: 20px
}
header.navbar .nav>li {
    margin-left: 1px
}
header.navbar .nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
    font-family: "Montserrat";
    font-size: 18px;
    text-transform: uppercase;
    text-shadow: none
}
header.navbar .nav>li>a:hover {
    background: transparent;
    color: #2dcc70;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
header.navbar .nav>li.active>a,
header.navbar .nav>li.active>a:hover {
    background: transparent;
    color: #ca2e2b;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
header.navbar .nav>li.dropdown.open>a.dropdown-toggle {
    background: transparent;
    color: #2dcc70
}
header.navbar .nav>li.login>a {
    border-left: 1px solid #e5e5e5
}
header .dropdown-menu {
    margin-top: 20px
}
header .dropdown-menu:before {
    display: none!important
}
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: transparent;
    color: #2dcc70
}
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
    color: #2dcc70
}
.dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    border: 0
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    background: #24a259
}
.main-info {
    background-color: #fff;
    color: #999
}
.main-info h4 {
    color: #999
}
.icon-medium {
    font-size: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    background: #2dcc70;
    padding: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #fff
}
.modal {
    border: 0
}
.modal#loginForm {
    width: 600px;
    margin-left: -300px
}
.modal .modal-header {
    border: 0;
    padding: 20px 20px 0
}
.modal .modal-header>h4 {
    font-weight: 300;
    font-size: 14px;
    color: #848484;
    text-transform: uppercase;
    margin: 0
}
.modal .modal-body {
    padding: 20px
}
.modal input[type="text"],
.modal input[type="password"] {
    padding: 5px 10px;
    min-height: 30px;
    width: 130px;
    margin-right: 10px
}
.modal .icon-remove {
    color: #848484;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: block;
    background: #ebebeb;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer
}
.modal button {
    margin-left: 10px;
    border: 0
}
.gap {
    margin-bottom: 50px
}
.big-gap {
    margin-bottom: 100px
}
.no-margin {
    margin: 0;
    padding: 0
}
#services {
    background: #252525;
    color: #999
}
#services h1,
#services h2,
#services h3,
#services h4,
#services h5,
#services h6 {
    color: #fff
}
#main-contents {
    margin-top: 20px
}
#main-contents .blog-news .created {
    font-size: 18px;
    color: #2dcc70
}
.registration-form {
    border: 0;
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    display: inline-block
}
#bottom {
    background: #232323;
    color: #6f6f6f
}
#bottom h4 {
    margin-top: 0;
    margin-bottom: 15px
}
#bottom h1,
#bottom h2,
#bottom h3,
#bottom h4,
#bottom h5,
#bottom h6 {
    color: #fff
}
#bottom a {
    color: #6f6f6f
}
#bottom a:hover {
    color: #2dcc70
}
#bottom ul.address>li {
    position: relative;
    padding-left: 20px;
    margin-top: 10px
}
#bottom ul.address>li:first-child {
    margin-top: 0
}
#bottom ul.address>li>i {
    position: absolute;
    top: 3px;
    left: 0
}
#bottom ul.thumbnails {
    margin-bottom: 0
}
#bottom ul.thumbnails li {
    margin-bottom: 5px
}
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
    list-style: none;
    padding: 0;
    margin: 0
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
    font-family: FontAwesome;
    font-size: 11px
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
    margin-right: 5px
}
ul.arrow li::before {
    content: "\f105"
}
ul.arrow-double li::before {
    content: "\f101"
}
ul.tick li::before {
    content: "\f00c"
}
ul.cross li::before {
    content: "\f00d"
}
ul.star li::before {
    content: "\f006"
}
ul.rss li::before {
    content: "\f09e"
}

ul.social {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: inline-block
}
ul.social>li {
    display: inline-block;
    margin: 0 5px
}
ul.social>li>a {
    font-size: 24px;
    color: #666
}
ul.social>li>a:hover {
    color: #999
}
.box-border {
    padding: 15px
}
.accordion-group {
    background-color: #fff;
    border-top: 1px solid #f0f0f0
}
.accordion-heading .accordion-toggle {
    color: #666;
    font-weight: 700
}
.accordion-inner {
    border-top: 0
}
.blog .blog-item h2 {
    margin-top: 0
}
.blog .blog-item .date span {
    display: block;
    text-align: center
}
.blog .blog-item .date span.day {
    font-size: 50px;
    line-height: 50px;
    padding-top: 10px;
    font-family: "Fjalla One", sans-serif
}
.blog .blog-item .date span.month {
    font-size: 18px
}
.blog .blog-item .tag {
    margin-top: 5px
}
.blog .blog-item .avatar {
    margin-top: 5px
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-height: 50px;
    padding: 0 15px;
    border: 3px solid #ededed
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #2dcc70;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.input-block-level {
    min-height: 50px
}
textarea#message {
    padding: 10px 15px;
    height: 219px
}
.widget {
    margin-bottom: 30px
}
.widget>h3 {
    font-size: 16px;
    margin-top: 0
}
.widget h5 {
    margin-top: 10px
}
.widget .date {
    margin-top: 5px;
    padding: 8px 10px;
    background: #2dcc70
}
.widget .date>span {
    display: block;
    text-align: center;
    font-family: "Fjalla One";
    color: #fff
}
.widget .date>span.month {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.widget .date>span.day {
    font-size: 18px;
    line-height: 18px
}
#pricing-table {
    margin-top: 20px;
    margin-bottom: 30px
}
#pricing-table .plan {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff
}
#pricing-table .plan.featured {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
#pricing-table .plan>li {
    padding: 10px 15px
}
#pricing-table .plan>li.plan-name {
    background: rgba(0, 0, 0, 0.1)
}
#pricing-table .plan>li.plan-name h3 {
    margin: 10px 0
}
#pricing-table .plan>li.plan-action {
    padding: 20px 0
}
#pricing-table .plan1 {
    background: #1abc9c
}
#pricing-table .plan2 {
    background: #e74c3c
}
#pricing-table .plan3 {
    background: #3498db
}
#pricing-table .plan4 {
    background: #9b59b6
}
ul.gallery {
    display: block;
    margin: -15px
}
ul.gallery.col-1 li {
    width: 100%
}
ul.gallery.col-2 li {
    width: 50%
}
ul.gallery.col-3 li {
    width: 33.3333%
}
ul.gallery.col-4 li {
    width: 25%
}
ul.gallery li {
    display: block;
    padding: 0;
    margin: 0;
    float: left
}
ul.gallery li .desc {
    margin: 15px
}
ul.gallery li .preview {
    margin: 15px;
    display: block;
    position: relative
}
ul.gallery li .preview .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms
}
ul.gallery li .preview .links {
    width: 104px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -52px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms
}
ul.gallery li .preview .links>a {
    width: 50px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    background: #2dcc70;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-size: 18px;
    margin: 0 1px
}
ul.gallery li .preview:hover .overlay,
ul.gallery li .preview:hover .links {
    opacity: 1;
    filter: alpha(opacity=100)
}
ul.gallery li .preview:hover .links {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
ul.faq {
    list-style: none;
    margin: 0
}
ul.faq li {
    margin-top: 30px
}
ul.faq li:first-child {
    margin-top: 0
}
ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ca2e2b;
    color: #fff;
    font-size: 24px
}
ul.faq li>div {
    margin-left: 70px
}
ul.faq li>div h3 {
    margin-top: 0
}
#error {
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px
}
.home_programe {
    background-image: url("../img/iStock-488179851.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0;
}
.landing_page_banner {
    background-image: url("../img/iStock-488179851-1.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 40%;
}
.brian_bio {
    background-image: url("../img/brian2.JPG");
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 10%;
}
.about_com {
    background-image: url("../img/pexels2-2.png");
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 0;
}

.about_us_page_container {
    background-image: url("../img/pexels2-2.png");
    background-size: cover;
    background-position: 50% 50%;
    height: 85%
}

.topnav {
    background-color: #ffffff;
    overflow: hidden;
    /*height: 80px;*/
}

/* Style the links inside the navigation bar */
.topnav a {
    margin: 18px 0 18px 0;
    float: right;
    display: block;
    color: #ca2e2b;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 15px;
}

/* Change the color of links on hover */
.topnav a:hover {
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

}
div.dark_box {
    background-color: rgba(0, 0, 0, 0.7);
    margin: 20px;
    padding: 20px;
    color: white;
}

div.dark_red_box {
    background-color: rgba(164, 0, 0, 0.6);
    margin: 75px 30px;
    padding: 20px;
    color: white;
    border-radius: 27px;
}

div.header_box {
    margin-top: 40px;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
    div.dark_box, div.header_box {
        margin: 0;
    }

}

.footer-distributed{
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    font: bold 16px sans-serif;
    text-align: left;

    padding: 20px 30px 20px;
    overflow: hidden;
}

/* Footer left */

.footer-distributed .footer-left{
    float: left;
    width: 360px;
}

/* The company logo */

.footer-distributed h2{
    color:  #ffffff;
    font: normal 28px 'Helvetica Neue';
    margin: 7px 0 0 42px;;
}

.footer-distributed h3 span{
    color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
    color:  #ffffff;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.5;
}

.footer-distributed .footer-links a{
    display:inline-block;
    text-decoration: none;
    color:  inherit;
}

/* Footer social icons */

.footer-distributed .footer-icons{
    margin-top: 20px;
}

.footer-distributed .footer-icons a{
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-color:  #33383b;
    border-radius: 2px;

    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 35px;

    margin-right: 3px;
    margin-bottom: 5px;
}



/* Footer Right */

.footer-distributed .footer-right{
    float: right;
    text-align: right;
}

.footer-distributed .footer-right p{
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 0;
    /*color: #ffffff;*/
}

.footer-distributed .footer-company-name{
    color:  #8f9296;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

/* The contact form */

.footer-distributed form{
    display: inline-block;
}

.footer-distributed form input,
.footer-distributed form textarea{
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    background-color:  #1f2022;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
    border: none;
    resize: none;

    font: inherit;
    font-size: 14px;
    font-weight: normal;
    color:  #d1d2d2;

    width: 400px;
    padding: 18px;
}

.footer-distributed ::-webkit-input-placeholder {
    color:  #5c666b;
}

.footer-distributed ::-moz-placeholder {
    color:  #5c666b;
    opacity: 1;
}

.footer-distributed :-ms-input-placeholder{
    color:  #5c666b;
}


.footer-distributed form input{
    height: 55px;
    margin-bottom: 15px;
}

.footer-distributed form textarea{
    height: 100px;
    margin-bottom: 20px;
}

.footer-distributed form button{
    border-radius: 3px;
    background-color:  #33383b;
    color: #ffffff;
    border: 0;
    padding: 15px 50px;
    font-weight: bold;
    float: right;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 1000px) {

    .footer-distributed {
        font: bold 14px sans-serif;
    }

    .footer-distributed .footer-company-name{
        font-size: 12px;
    }

    .footer-distributed form input,
    .footer-distributed form textarea{
        width: 250px;
    }

    .footer-distributed form button{
        padding: 10px 35px;
    }

}
@media (max-width: 800px) {

    .footer-distributed{
        padding: 30px;
    }

    .footer-distributed .footer-left,
    .footer-distributed .footer-right{
        float: none;
        max-width: 300px;
        margin: 0 auto;
    }

    .footer-distributed .footer-left{
        margin-bottom: 40px;
    }

    .footer-distributed form{
        margin-top: 30px;
    }

    .footer-distributed form{
        display: block;
    }

    .footer-distributed form button{
        float: none;
    }
}
.landing_page_input input,
.landing_page_input select {
    margin-top: 0.3rem;
    height: 30px;
    min-height: 0px;
    padding: 0 3px;
}
.landing_page_call_to_action_button input {
    height: 62px;
    background: rgba(186,0,0,1);
    border: 1px solid black;
    color: white;
    padding: 20px 40px;
    border-radius: 5px;
    font-size: 30px;
    font-family: Fjalla One;
    margin-top: 20px;
}
.landing_page_table {
    width: 100%;
    background-color: transparent;
    border: none;
    margin: 0;
}
div.landing_page_dark_box {
    color: white;
    padding: 40px;
    width: 350px;
    background-color: rgba(0, 0, 0, 0.65);
    margin: 60px 0;
}
div.landing_page_signup {
    width: 320px;
    font-family: Fjalla One;
    float: right;
}
div.landing_page_dark_box p {
    font-size: 14pt;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    padding-top: 8px;
    line-height: 1.4;
}
div.landing_page_light_box {
    background-color: transparent;
    border: 1pt dashed black;
    color: black;
    padding: 40px;
    margin: 20px;
    width: 100%;
}
div.landing_page_light_right {
    margin-right: 0;
}
div.landing_page_dark_inner_box {
    background-color: black;
    width: 50%;
    float: right;
}
@media (max-width: 800px) {
    div.landing_page_dark_box {
        padding: 30px;
        margin: 0;
        height: auto;
        width: 100%;
    }
    div.landing_page_signup {
        margin-left: 0;
        padding-top: 0;
    }
    div.landing_page_light_right {
        margin-right: 0;
    }
    div.landing_page_light_box {
        margin: 0;
        border: none;
        padding: 30px;
        height: auto;
    }
}
.span7, .span6, .span5 {
    /*margin-left: 0;*/
    margin: auto 0;
}