h5 { display: inline-block; font-size: 40px; line-height: 40px; color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; text-align: center; }
h6 { font-size: 30px; line-height: 30px; color: rgb(255, 255, 255); font-style: italic; text-align: center; }
.full-screen { background-size: cover; background-position: center; background-repeat: no-repeat; }    
.carousel-control-prev, .carousel-control-next { opacity: 1; }
.carousel-control-next { right: -90px; }
.carousel-control-prev { left: -90px; }
.carousel-indicators li { border-radius: 7px; height: 10px; width: 10px; background: #ffc887; opacity: 0.5; transition: 0.3s; }
.carousel-indicators .active { width: 20px; opacity: 1; border-radius: 7px; }
.carousel-caption { bottom: 110px; background-color: rgba(89, 88, 88, 0.43); padding: 10px; }




@media only screen and (min-width: 320px) and (max-width: 480px) { /*Mobile portrait (320x480)*/
    .full-screen { background-position: bottom; }    
    h5 { font-size: 30px; line-height: 30px; }
    h6 { font-size: 25px; line-height: 25px;  }
    .carousel-control-next { right: 0; }
    .carousel-control-prev { left: 0; }
}



@media only screen and (min-width: 769px) and (max-width: 1024px) { /*Small tablet landscape (800x600) Tablet portrait (768x1024) */
    .full-screen { background-position: bottom; }    
    h5 { font-size: 25px; line-height: 25px; }
    h6 { font-size: 20px; line-height: 20px;  }
    .carousel-control-next { right: 0; }
    .carousel-control-prev { left: 0; }
    .carousel-caption { bottom: 60px; }
}



@media only screen and (min-width: 578px) and (max-width: 768px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
    .full-screen { background-position: bottom; }    
    h5 { font-size: 25px; line-height: 25px; }
    h6 { font-size: 20px; line-height: 20px;  }
    .carousel-control-next { right: 0; }
    .carousel-control-prev { left: 0; }
    .carousel-caption { bottom: 60px; }


}
@media only screen and (min-width: 481px) and (max-width: 576px) { /* Mobile landscape (480x320) - Small tablet portrait (600x800)*/
    
    
}




@media only screen and (min-width: 1025px) and (max-width: 1280px) { /*Tablet landscape (1024x768)*/
    .carousel-control-next { right: -60px; }
    .carousel-control-prev { left: -60px; }
}



@media only screen and (min-width: 1281px) and (max-width: 1440px) { /*  */
	
	
}