.hero-carousel .slide{position:relative}.hero-carousel .slide::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255,255,255,.30)}.hero-carousel .carousel-caption{top:30%}@media only screen and (min-width :480px){}@media only screen and (min-width :768px){.hero-carousel .carousel-caption{top:43%}}@media only screen and (min-width :992px){}@media only screen and (min-width :1200px){}@media screen and (max-width:767px){.navbar-brand img{max-width:80px}.hero-carousel .carousel-caption{top:auto;bottom:5%}}