.bg-custom{
    background-color: #ffa400 !important;
}

.text-custom{
    color:#ffa400 !important;
}

.carousel-item-custom {
    height: 15rem !important;
}

.navbar-texture{
    background-image: url('../img/blue_texture.png');
}

.footer-texture{
    background-image: url('../img/orange_texture.png');
}

/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
h1, .banner-text {font-size:0.65rem;} /*1rem = 16px*/
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  h1 {
      font-size:2rem
    } 
  .banner-text{
      font-size:1.5rem
    }/*1rem = 16px*/

    .owl-carousel .owl-stage {
        display: flex;
      }
    
     .owl-carousel .owl-item img {
        height: 512px;
      }
}