/* The hero image */
.hero-image {
    /* Use "linear-gradient" to add a darken background effect to the image. This will make the text easier to read */
    background-image: url("/images/Main Homepage.jpg");
    /* Set a specific height */
    height: 400px;
    /* Position and center the image to scale nicely on all screens */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  display:flex;
  padding:10%;
  justify-content:center;
  align-items:center;
  height:100%;
  color: white;
}
.nflex-centered{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.hero-text p{
    font-size:42px;
}

.featured-1{
    background:#fff;
    padding:50px 10px;
}
.featured-2{
    background:#D2D0AA;
    padding:50px 10px;
}

.featured-1 p{
    text-align:center;
    margin:auto 100px;
}
.featured-2 p{
    text-align:center;
    margin:auto 50px;
}

.featured-2 .row{
    margin:0;
}

.featured-1 span,.featured-2 span{
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid rgba(0,0,0,0.6);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:#fff;
    margin-bottom:20px;
}

.featured-1 span .fas,.featured-2 span .fas{
    font-size:1.5rem;
}

.featured-2 .col-4{
    margin:20px auto;
   
}

.featured-3{
    background:#fff;
    padding:50px 10px 0 10px;
}

.featured-3 .btn-primary{
    border:none;
    border-radius:0;
}

.featured-1 .content .btn-primary{
    border:none;
    border-radius:0;
    margin-top:10px;
}

.menu-no-right-padding{
    padding-right:0 !important;
}

.menu-no-left-padding{
    padding-left:0 !important;
}

.footer-table td{
    vertical-align:top;
    font-size:14px;     
}

.footer-table td:last-child{
    padding-left:5px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .featured-2 p,.featured-1 p{
        text-align:center;
        margin:auto 10px;
    }
    .menu-no-right-padding{
        padding-right:15px !important;
    }

    .menu-no-left-padding{
        padding-left:15px !important;
    }
    .hero-text p {
        font-size: 30px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .featured-1 p{
        margin:auto 10px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .featured-1 p{
        margin:auto 50px;
    }
    .featured-2 p{
        margin:auto 10px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .featured-1 p{
        margin:auto 100px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}