/*** 
 Beige: #EEEDEB
 
 
 
 ****/


body {
    font-size: 17px;
     overflow-x: hidden;
     background-color: #fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: antialiased;
     font-smooth: antialiased;
     text-rendering: optimizeLegibility;
     color: #4d4d4d;
     font-family: Arial, Helvetica, sans-serif;
     font-family: 'Kreon', serif;

     letter-spacing: 0.02em;
     font-weight: 400;
     line-height: 1.65rem;
 }

 .lead {
     font-weight: 400 !important;
 }


 h1, h2, h3 {
     color: #7A0B0F;
font-family: 'Rowdies', cursive;
 }

 .bg-brown {background-color: #8C7C73;}
 .bg-red {}
 .bg-blue {background-color: #5998A6;}
 .bg-green {background-color: #86A659;}
 .bg-green {}

 /*** main structure ****/
 
 .navbar-brand {
width: 240px;   
}
 
  @media (min-width: 500px) {

.navbar-brand {
width: 300px;    
}
}

 .nav-link {
     color: #7A0B0F;
 }

 .banner {
     position: relative;
    background: #fff;
 }

    .banner>img {
    width: 100%;
    height: auto;  
      
    }
    
    
    .caption {
	    position: absolute;
	    right: 0;
	    top: 0;
	    background: rgba(0,0,0,0.2);
	    color: #fff;
	    font-size: 12px;
	    padding: 2px 5px;
    }




    @media (min-width: 992px) {

        .banner {
          background: ;
          padding-bottom: 40px;
          background: #EEEDEB url(basket-bg.png) center bottom;
      background-repeat: repeat-x;
        }

    .banner>.intro-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

}

    .page-intro {
        position: relative;
        /* display: flex; */ 
        background: #fff;
        /* padding: 30px; */z-index: 0;
   }
   
   .page-intro:before {
       content: '';
       background: #fff;
       padding: 30px;
       /* height: 100%; */
       display: flex;
       margin-left: calc(100% - 50vw);
       margin-left: -100%;
   height: 100%;
   width: 100%;position: absolute;z-index: -1;
   }

   #page-body-intro {
    background: #EEEDEB;
     padding-bottom: 120px;
     margin-bottom: -80px;    
    
}

.programs li {
font-size: 1.8rem;    
padding-top: 1rem;
margin-top: 1rem;
border-top: 2px solid #eee;
color: #666;
}

.programs li i {
    color: #5998A6;
    font-size: 2.2rem;
    margin-bottom: -.4rem;
    display: inline-block;
    margin-right: .5rem;
    opacity: 0.6;
}

footer {
	background: #7A0B0F;
}

footer a {
	color: #fff;
	opacity: 0.7;
}

footer a:hover {
	opacity: 1;
	color: #fff;
}