@font-face {
  font-family: DINPro-Cond;
  src: url(DINPro-Cond.otf);
}
@font-face {
  font-family: DINPro-CondBold;
  src: url(DINPro-CondBold.otf);
}
@font-face {
  font-family: DINPro-CondLight;
  src: url(DINPro-CondLight.otf);
}
@font-face {
  font-family: DKBocadillo;
  src: url(DK-Bocadillo.otf);
}
@font-face {
  font-family: BillyOhio;
  src: url(BillyOhio.otf);
}

body {
  font-family: DINPro-CondBold;
  overflow-x: hidden;
}
.navbar {
  box-shadow: 0px 0px 8px lightgrey !important;
}

.navbar a {
  color: #063f85 !important;
  font-size: 1.6rem;
}

header.home {
  width: 100%;
  height: 90vh;
  background-image: url(../img/header-home.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 10px 0px #033e85;
}

.header-home-text {
  display: table;
  margin: 0 auto;
  margin-top: 3em;
  padding: 0 1em;
  background-color: #ffffff;
  font-size: 2rem;
  color: #aa1b38;
  text-transform: uppercase;
  opacity: 0.75;
  border-radius: 10px;
}

.list-footer {
  text-decoration: none;
  list-style: none;
  padding-left: 0 !important;
  font-family: DINPro-Cond;
}

.list-footer a {
  text-decoration: none;
  color: #ffffff;
}

.list-footer a:hover {
  text-decoration: underline;
  color: #cccccc;
}

.text-panel {
  color: #b7b7b7;
}

.text-panel-header {
  color: #063f85;
  text-transform: uppercase;
  font-size: 2rem;
}

.policy-text {
  font-family: DINPro-Cond;
  margin-top: 4rem;
}

.policy-text h2 {
  font-family: DINPro-CondBold;
  text-decoration: underline;
}

.policy-text h4 {
  font-family: DINPro-CondBold;
  text-decoration: underline;
  margin-top: 2rem;
}

.policy-text h5 {
  font-family: DINPro-CondBold;
}

input {
  border-radius: 20px !important;
  border: 2px solid #2699fb !important;
}

form .error {
  color: #ff0000;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #2699fb !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2699fb;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2699fb;
}

.no-bullets {
  list-style: none;
  padding-left: 0px;
}

.recipe-link:hover {
  box-shadow: 0px 0px 20px 6px #aaa;
}

.dbr {
  border-right: #aa1b38 dashed 3px;
}

.get-inspired {
  letter-spacing: 0.6rem;
}

.fadeIn {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.fadeIn.show {
  opacity: 1;
}

.fromRight {
  transform: translateX(400%);
  transition: transform 1s ease;
}

.fromLeft {
  transform: translateX(-400%);
  transition: transform 1s ease;
}

.fromLeft.show,
.fromRight.show {
  transform: translateX(0);
}

.h-5rem {
  height: 5rem;
}

.mt-n5 {
  margin-top: -2rem !important;
}

.bg-nyblue {
  background-color: #063f85;
}

.bg-footer {
  background-color: #37447d;
}

.color-nyblue {
  color: #063f85;
}

.color-nyred {
  color: #aa1b38;
}

.btn-nyred {
  background-color: #aa1b38;
  color: #fff;
}

.font-dpc {
  font-family: DINPro-Cond;
}
.font-dpcb {
  font-family: DINPro-CondBold;
}
.font-dpcl {
  font-family: DINPro-CondLight;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .header-home-text {
    font-size: 2.5rem;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .header-home-text {
    font-size: 3rem;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .header-home-text {
    font-size: 3.5rem;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .header-home-text {
    font-size: 4rem;
  }
}

@media (max-width: 768px) {
  .fadeIn,
  .fromRight,
  .fromLeft {
    transform: translateX(0);
    opacity: 0;
    transition: opacity 1s ease-in;
  }

  .show {
    opacity: 1;
  }
}