
body{
    font-weight:250;
}


#header{
    margin-top:0;
    background-image: linear-gradient(-180deg, #b0c4bb, #d3ded9);
}

.card-columns {
  @include media-breakpoint-only(sm) {
    column-count: 1;
  }
  @include media-breakpoint-only(xl) {
    column-count: 3;
  }
}

.card{
   box-shadow:  5px 10px 8px #888888;
}

.jumbotron{
    background-color: #c5d3cd;
    margin-top:5%;
}

#examples{
    background-color: white;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 50px;
  width: 50px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  border: 1px solid black;
  background-image: none;
    background-color: #B0C4BB;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 30px;
  color: red;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 30px;
  color: red;
}

ol.carousel-indicators li{
    background-color:red;
}

ol.carousel-indicators li{
    background-color:#B0C4BB;
}

ol.carousel-indicators li.active{
    background-color:red;
}

.btn-light{
    color: red;
    border-radius:50%;
    border: 1px solid black;
    background-color: #B0C4BB;
    height:50px;
    width:50px;
    font-size:25px;
}

#contact{
    background-image: linear-gradient(-180deg, #b0c4bb, #d3ded9);
}

#plain{
    margin-top:10%;
}

address{
   font-weight:200;
}