.bertolli-page {
  min-height: 100vh;
  position: relative;

  .breadcrumbs{
    display: none;
  }
}

.bertolli-page--wrapper {
  min-height: 100vh;
}

@media (min-width: 768px) {
  .bertolli-page--wrapper {
    display: flex;
  }
}

.page--hero {
  background-size: cover;
  background-position: center;
  padding-top: 100%;
}

@media (min-width: 576px) {
  .page--hero {
    padding-top: 50%;
  }
}

@media (min-width: 768px) {
  .page--hero {
    flex: 0 1 50%;
  }
}

.page--content {
  font-family: "FontAwesome";
  span{
    font-size: 16px;
    font-style: italic;
    
  }

  h2{

    span{
      font-family: "FontAwesome";
      font-size: 28px;
    }
  }
  padding: 30px;
}

@media (min-width: 576px) {
  .page--content {
    padding: 45px 55px;
  }
}

@media (min-width: 768px) {
  .page--content {
    flex: 0 1 50%;
  }
}

@media (min-width: 1200px) {
  .page--content {
    padding: 90px 110px;
  }
}

.page--content p,
.page--content ul {
  margin-bottom: 40px;
}

.page--content.red {
  background: #c8102e;
  color: #fff;
}

.page--content.yellow {
  background: #ffd700;
}

.page--content.orange {
  background: #ff6600;
  color: #fff;
}

.page--content.peach {
  background: #ffdab9;
}

.logo-1{
    position: absolute;
    top: 53px;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;

    img{

        max-width: 160px;
        object-fit: cover;
    }

    @media(max-width:993px){
        display: none;
    }
}