h1.header { display: none; }
div#content-main { margin-top:50px; }
.entry-title {
    display: none;
}

.hero {
    background-image: url(assets/hero-image.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
}

.hero-text {
    width: 143px;
    margin-top: 60px;
    margin-left: 25px;
}

.block-section {
    font-family: "corpoaregular",sans-serif;
    text-align: center;
    color: #4A4A4A;
    font-size: 0;
}

.section-2-block,
.section-1-block {
    margin-top: 25px;
}

.block-title {
    font-size: 21px;
}

.block-content {
    font-size: 16px;
    margin-top: 5px;
}

.middle-section {
    font-family: "corpoaregular",sans-serif;
    background-image: url(assets/bottom-image.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    margin-top: 15px;
}

.middle-section-overlay {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 10px 20px;
}

.middle-section-line-1 {
    font-size: 19px;
}

.middle-section-line-2 {
    font-size: 19px;
    margin-top: 10px;
}

.middle-section-line-3 {
    font-size: 21px;
    margin-top: 25px;
}

.middle-section-btns-container {
    margin-top: 25px;
    font-size: 0;
}

.middle-section-btns-container a {
    color: #fff;
    margin-bottom: 13px;
}

.middle-section-btns-container a:focus,
.middle-section-btns-container a:hover {
    text-decoration: none;
}

.middle-section-btn {
    background: #176db7;
    width: 215px;
    margin: auto;
    font-size: 20px;
    padding: 5px 0px;
    cursor: pointer;
    transition: background .3s;
}

.middle-section-btn:hover {
    background: #11528a;
}
.hero {
    position: relative;
}
div.hero-col-1 { 
    color: white; margin-left: 20px; width: 100%;
    position: absolute;
    bottom: 1px;    
}
div.hero-col-1 h1 {     width: 50%; }


@media (min-width: 400px) {
    .hero-col-1 {
        display: inline-block;
        width: 50%;
    }
    .hero-col-2 {
        display: inline-block;
    }
    .hero-text {
        float: right;
    }
}

@media (min-width: 685px) {
    .hero {
        background-size: initial;
        height: 350px;
    }

    div.hero-col-1 {
        width: 46%;
        position: relative;
        margin-top: 93px;
    }
    div.hero-col-1 h1 {text-align: center;}
    .hero-text {
        width: 293px;
        margin-top: 93px;
    }
}

@media (min-width: 768px) {
    .section-2-block,
    .section-1-block {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        padding: 0 10px;
    }

    .middle-section-line-1 {
        margin-top: 19px;
        font-size: 25px;
    }

    .middle-section-line-2 {
        font-size: 25px;
        margin-top: 20px;
    }

    .middle-section-line-3 {
        font-size: 28px;
        margin-top: 35px;
    }

    .middle-section-btn-container {
        display: inline-block;
        width: 39%;
    }
}

@media (min-width: 992px) {
    .hero {
        height:450px;
    }

    .hero-text {
        width: 380px;
        margin-top: 105px;
    }

    .section-2-block {
        width: 33%;
    }

    .middle-section-btn-container {
        width: 33%;
    }
    div.hero-col-1 { margin-left: 125px;     margin-top: 50px; }
    div.hero-col-1 h1{ font-size: 50pt; }
    div.hero-col-1 h3{ font-size: 30pt; }
}

@media (min-width: 1200px) {
    .section-1-block {
        width: 25%;
    }

    .middle-section-btn {
        width: 195px;
    }

    .middle-section-btn-container {
        width: 20%;
    }
}

@media (min-width: 1300px) {
    .middle-section-btn {
        width: 215px;
    }
}





#vid-wrapper {
  text-align:center;
}
#youtube-vid,#youtube-vid2{
  width:400px;
  height:220px;
  margin: 50px auto;
}

@media (min-width:600px) {
    #youtube-vid,#youtube-vid2{
        width: 560px;
        height: 315px;
    }
}

@media (min-width:992px) {
    #youtube-vid,#youtube-vid2{
        width: 800px;
        height: 515px;
    }
}
@media (min-width:1200px) {
    #youtube-vid,#youtube-vid2{
       width: 1000px;
        height: 600px;
    }
}