
/* Splash */

.header-splash {
    width: 100%;
    height: 80px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 7000;
    line-height: 77px;
    border-top: 3px solid #74242e;
    background-color: #FFF;
    -moz-box-shadow: 0 0 5px #e7e7e7;
    -webkit-box-shadow: 0 0 5px #e7e7e7;
    box-shadow: 0 0 5px #e7e7e7;
    -moz-transition: margin 0.4s ease-in-out;
    -o-transition: margin 0.4s ease-in-out;
    -webkit-transition: margin 0.4s ease-in-out;
    transition: margin 0.4s ease-in-out;
}
.header-splash .logo-main { display: block; width: 223px; margin: 20px auto;}

.row-splash { display: table;}
.col-splash { position: relative; width: 50%; display: table-cell;}
.col-splash .caption-splash { 
    width: 100%;
    position: absolute;
    bottom: 0;
    left:0;
    padding: 40px 80px 65px;
    text-align: center;
    color: #FFF;
}
.col-splash .caption-splash h2 { margin-bottom: 10px;}
.col-splash .caption-splash .desc { margin-bottom: 25px;}

@media screen and (max-width:767px) {

    .header-splash { height: 60px; line-height:50px;}
    .header-splash .logo-main { width:160px;}
    
    .col-splash .caption-splash { padding:50px 20px 80px; }
    .col-splash { width: 100%; display: block;}
    .col-splash .caption-splash h2 { margin-bottom: 20px;}
    .col-splash .caption-splash .desc { display: none;}
}