/*
 *  Copyright 2016 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

.hero-image .header {
    position: relative;
    height: 100%;
    background: no-repeat rgb(85, 85, 85);
    background-position:center;
    -webkit-background-size: cover;   
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.hero-image .full-width{
	margin: 0px calc((100vw - 100%) / -2);
    width: 100vw;
    padding: 0 2%;
}

.hero-image .banner-layout-hero {
	min-height:564px;

}

.hero-image .banner-layout-hero  .hero-text{        
	padding-top: 10% ;
    padding-bottom: 10%;
    margin-top: 15%;
    margin-bottom: 15%;
    display: inline-block;
}

.hero-image .banner-layout-small {
    max-height:400px;
}

.hero-image .container  h1 {
    margin: 0;
    font-size: 4.0em;
    font-weight: 700;
    transition:all ease-in .4s;
    -webkit-transition:all ease-in .4s;
    -moz-transition:all ease-in .4s;
    -os-transition:all ease-in .4s;
}

@media (max-width:992px)
{
.hero-image .container h1 {
    font-size:2.5em;
        transition:all ease-in .4s;
        -webkit-transition:all ease-in .4s;
        -moz-transition:all ease-in .4s;
        -os-transition:all ease-in .4s;
    }

    .hero-image .container h3{
    font-size:1.5em;
        transition:all ease-in .4s;
        -webkit-transition:all ease-in .4s;
        -moz-transition:all ease-in .4s;
        -os-transition:all ease-in .4s;
    }
}

.hero-image .container h2{
    font-size:2.5em;
        transition:all ease-in .4s;
        -webkit-transition:all ease-in .4s;
        -moz-transition:all ease-in .4s;
        -os-transition:all ease-in .4s;
}

.hero-image .text-horizontal-left {
    text-align: left;
}

.hero-image .text-horizontal-center {
    text-align: center;
}

.hero-image .text-horizontal-right {
    text-align: right;
}

.hero-image .text-vertical-top {

}

.hero-image .banner-layout-hero .text-vertical-top .hero-text {
    margin-top: 0px;
    margin-bottom: 30%;
}

.hero-image .banner-layout-hero .text-vertical-middle .hero-text {
    margin-top: 20%;
    margin-bottom: 20%;
}

.hero-image .banner-layout-hero .text-vertical-bottom .hero-text {
    margin-top: 35%;
    margin-bottom: 0px;
}

.hero-image .text-background-none .hero-text {
    background-color: rgba(0,0,0,0);
}

.hero-image .text-background-dark .hero-text {
    background-color: rgba(0,0,0,0.6);
}

.hero-image .text-background-light .hero-text {
    background-color: rgba(255,255,255,0.6);
}

.hero-image .container .btn{
     font-weight: 700;
     text-transform: uppercase;
}

.hero-image .container{
	padding-right: 15px; 
   	padding-left: 15px; 
  	margin-right: auto;
    margin-left: auto; 
    max-width: 1120px; 

}