/*
  You can add/edit your styles below.
  To utilize this stylesheet in your store, add the following
  line to the <head></head> section of your website (usually found in _meta.tpl):

  <link rel="stylesheet" type="text/css" href="/chefs-layout.css" />
*/


/* Chefs */

.chefs-boxed {
  color:#313437;
}

.chefs-boxed p {
  color:#7d8285;
}

.chefs-boxed h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .chefs-boxed h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.chefs-boxed .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto;
}

.chefs-boxed .intro p {
  margin-bottom:0;
}

.chefs-boxed .people {
  padding: 0;
}

.chefs-boxed .item {
  text-align:center;
}

.chefs-boxed .item .box {
  text-align:center;
  padding:30px;
  background-color:#eef4f7;
  margin-bottom:30px;
}

.chefs-boxed .item .box h3{
  min-height: 72px
}

.chefs-boxed .item .name {
  font-weight:bold;
  margin-top:28px;
  margin-bottom:8px;
  color:inherit;
}

.chefs-boxed .item .title {
  text-transform:uppercase;
  font-weight:bold;
  color:#d0d0d0;
  letter-spacing:2px;
  font-size:13px;
}

.chefs-boxed .item .description {
  font-size:15px;
  margin-top:15px;
  margin-bottom:20px;
}

.chefs-boxed .item img {
  max-width:200px;
}

.img-circle {
    max-height: 200px;
}

.chefs-boxed .social {
  font-size:18px;
  color:#a2a8ae;
}

.chefs-boxed .social a {
  color:inherit;
  margin:0 10px;
  display:inline-block;
  opacity:0.7;
}

.chefs-boxed .social a:hover {
  opacity:1;
}