html {
  scroll-behavior: smooth; }

body {
  scroll-behavior: smooth;
  background: #FBEEC9;
  color: black;
  background: url("../img/45degreee_fabric.png"); }

* {
  box-sizing: border-box; }

header {
  background: #FBEEC9 url("../img/chefEmile_header_bg.jpg");
  background-size: cover;
  background-position: right top;
  height: 473px;
  height: 35vh; }
  header #logo {
    width: 30em;
    max-width: 50%;
    height: auto;
    padding-top: 1em; }

section {
  min-height: 75vh;
  height: 100%;
  padding-bottom: 2em; }
  section#link_tree {
    height: 65vh;
    background-image: url("../img/plate_bg.png");
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat; }
    section#link_tree .link_holder {
      padding-top: 2em;
      display: flex;
      flex-direction: column; }
      section#link_tree .link_holder .btn {
        margin: 0.5em 0; }
    section#link_tree .social_holder {
      display: flex;
      flex-direction: row;
      margin: auto;
      height: 50px;
      justify-content: space-between;
      border: box;
      margin-top: 2em; }
      section#link_tree .social_holder a {
        display: flex;
        flex-grow: 1;
        align-content: center;
        justify-content: center; }
      section#link_tree .social_holder .social_icon {
        max-width: 40px; }
  section#bio {
    background: #F0A22E;
    background-image: url("../img/emile_26.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 5em; }
    section#bio .text {
      background: rgba(255, 255, 255, 0.65);
      box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.25);
      padding: 2em 3em;
      border-radius: 10px; }
    section#bio em {
      font-weight: 500; }
  section#menu {
    background: white;
    padding-top: 5em; }
    section#menu .btn-group {
      border: solid 1px black !important;
      margin: 2em auto; }
    section#menu .col-3 {
      text-align: center; }
    section#menu .menu_holder {
      display: flex;
      justify-content: center; }
      section#menu .menu_holder .col-5, section#menu .menu_holder .col-7 {
        justify-content: center !important;
        align-content: center !important; }
    section#menu .pastille {
      height: 400px;
      background-image: url("../img/pastille.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      text-align: center;
      vertical-align: middle; }
      section#menu .pastille h2 {
        color: #FFF;
        font-size: 3em; }
      section#menu .pastille h4 {
        color: #FBEEC9; }

.btn-outline {
  border-radius: 2em;
  border: solid 2px #F0A22E;
  margin: 1em auto; }

@media (max-height: 900px) {
  #logo {
    max-width: 40% !important; } }

@media (min-width: 576px) {
  .pastille h2 {
    font-size: 1em !important; } }

@media (min-width: 768px) {
  .pastille h2 {
    font-size: 2em !important; } }

@media (min-width: 992px) {
  .pastille h2 {
    font-size: 3em !important; } }