.page-header {
    height: 250px;
}

.hero {
    margin-bottom: 20px;
}

.hero .site-header .hero-inner {
    width: 100%;
    display: inline-block;
    padding: 6% 0px;
    height: 500px;
}

.hero .page-header .hero-inner {
    width: 100%;
    display: inline-block;
    padding: 6% 0px;
    height: 250px;
}

.hero .widget-title {
    font-size: 2.75rem;
    font-weight: lighter;
    letter-spacing: -1.2px;
    margin: 0;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0px;
}

.hero .page-header h1 {
    font-weight: 300;
    margin: 0 0 0 87px;
    text-align: center;
    /*+placement: 42px 39px;*/
    position: relative;
    left: 42px;
    top: 39px;
}

.hero aside {
    text-align: center;
    margin-left: 0;
    background: none;
    /*+placement: 0;*/
    position: relative;
    left: 0;
    top: 0;
}

@media only screen and (min-width: 40.063em) {
    hero aside {
        padding-right: 50px;
        padding-left: 50px;
        text-align: center;
        margin-left: 0;
        background: none;
        /*+placement: 62px 53px;*/
        position: relative;
        left: 62px;
        top: 53px;
    }
    
    .home .hero aside {
        padding-left: 40%;
    }
    
    .hero .page-header h1 {
        font-weight: 300;
        padding-right: 250px;
        margin: 0px;
        text-align: right;
    }
}

@media only screen and (min-width: 61.063em) {
    .hero aside {
        padding-right: 50px;
        padding-left: 50px;
        text-align: center;
        margin-left: 0;
        background: none;
        /*+placement: 62px 53px;*/
        position: relative;
        left: 62px;
        top: 53px;
    }
    
    .home .hero aside {
        padding-left: 40%;
    }
    
    .hero .page-header h1 {
        font-weight: 300;
        padding-right: 250px;
        margin: 0px;
        text-align: right;
    }
}