/* Styles */

.signature {
    font-family: 'Raleway', sans-serif;
    color: white;
    font-size: 28px;
    text-shadow: 2px 2px #191919;
    margin-left: 28px;
}

.left {
    float: left;
    margin-left: -136px;
}

.voteforme {
    float: left;
    width: 98px;
    margin-top: 8px;
    margin-left: 152px;
}

.linkedin-button {
    float:left;
    width:41px;
    margin-top: 8px;
    margin-left: 8px;
}

.linkedin-button {
    float:left;
}

.headline h3 {
    color: #808080 !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.centerhead {
    text-align: center;
}

.hero-wrapper {
    width: 100%;
    text-align: center;
    background-color: green;

}

.hero-leftcol {
    position: absolute;
    left: 20%;
    margin: 0px auto;
    width: 200px;
}

.fp-left-panel {
    width: 392px;
    height: 243px;
    float: right;
    background:rgba(0,0,0,0.5);
    margin-right: -5px;
    margin-top: 251px;
}

.fp-left-panel-extended {
    width: 392px;
    height: 377px;
    float: right;
    background:rgba(0,0,0,0.5);
    margin-right: -5px;
    margin-top: 117px;
}

h3.h3-panel {
    font-family: 'Raleway', sans-serif;
    color: white;
    font-size: 18px;
    text-shadow: 2px 2px #191919;
    margin-left: 28px;
}

.hero-bullets {
    text-align: left;
    color: white;
}

/* small */
@media (max-width: 767px) {
    .hero-div {
        height: 357px;
        margin-top: -27px;
        border-top: 6px solid #d9dbdb;
        background-image: url('images/four_courts_sm_optimized.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #ffffff;
    }
    .hero-pic {
        width: 200px;
        margin-left: -24px;
        margin-top: 31px;
    }
}

/* medium */
@media (min-width: 768px) {
    .hero-div {
        height: 500px;
        margin-top: -27px;
        border-top: 6px solid #d9dbdb;
        background-image: url('images/four_courts_large_optimized.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #ffffff;
    }
    .hero-pic {
        width: 200px;
        margin-left: -24px;
        margin-top: 214px;
    }
}

@media (min-width: 992px) {
    .fp-left-panel {
        width: 447px;
    }
}