.carousel-inner img {width: 100%; height: 100%;}
.flex-col {background-color: #f0f0f0; width: 100%; margin: auto; min-height: 100%; height: auto !important; height: 100%; overflow: hidden !important;}
@media (max-height:480px) and (max-width:960px) and (orientation: landscape) {
    .navbar {visibility: hidden}
    .container {margin-top:-153px; width: 100%;}
    .d-flex {height: 100vh}
    .carousel {padding:0 50px 0 50px;}
    .carousel-control-next-icon, .carousel-control-prev-icon {color: var(--light-blue); width: 30px; height: 30px; text-align: center; opacity: 0.95;}
	.carousel-control-next {position: absolute; bottom: 0; right:6px; width: 40px; opacity: .95;}
	.carousel-control-prev {position: absolute; bottom: 0; left:6px; width: 40px; opacity: .95;}
	.carousel-indicators {visibility: hidden}
}

@media (height:320px) and (width:480px) and (orientation: landscape) {.carousel {padding:25px 50px 0 50px;} /*iPhone 4*/ }
@media (height:320px) and (width:568px) and (orientation: landscape) {.carousel {padding:30px 50px 0 50px;} /*iPhone 5/SE */ }
/*
@media (orientation: landscape) {.footer {visibility: hidden}}
@media  (max-height:768px;) and (orientation: landscape) {.footer {visibility: hidden}}
@media (min-width : 1200px) {.footer {visibility: hidden}}