/**/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.banner {
    position: relative;
}
.banner img {
    width: 100%;
    vertical-align: middle;
    height:100%;
}
.banner-title {
   width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    text-align: center;
}
.banner-title .banner-txt {
    margin-top: 22%;
    color: white;
    animation-duration: 3s;
}

.banner-txt h2 {
    font-size: 2rem;
    font-weight: 100;
    margin-bottom: 15px;
}
.banner-txt p {
    font-size: 1rem;
}


@media screen and (max-width:1000px)
{
   
    .banner-txt h2 {
        font-size: 1.5rem;
    } 
}