/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* colors */

:root {

  --color1: #808080;
  --color2: #F8F4EF;
  --color3: #BDA351;
  --color4: #BDA351;
  --color5: #967C2C;

  --gradient1: linear-gradient(to right, var(--color5) 0%, var(--color4) 51%, var(--color5) 100%);
  --gradient2: linear-gradient(48deg, var(--color5) 0%, var(--color4) 100%);

}

/* general layout */

body {
  background: var(--color1);
  color: #000000;
  margin: 0;
  padding: 0;
  font-size: 110%;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  line-height: 1;
}
a, a:link, a:visited, a:active {
}
a:hover, a:active {
}
a.alt:link, a.alt:visited, a.alt:active {
}
a.alt:hover, a.alt:active {
}
.form-control {
}
img {
  border: 0;
  display: block;
}
h1, h2, h3, h4 {
}
h1 {
  color: #000000;
}
h2 {
}
h3 {
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
ul {
  padding-left: .75rem;
}
.uppercase {
  text-transform: uppercase;
}
.bold {
  font-weight: 700;
}
.small {
  font-size: .55rem;
}
.text-small {
  font-size: .75rem;
}
.center {
  text-align: center;
  margin: 0 auto;
}
.hide {
  display: none;
}

.container {
  //border: 1px solid black;
  font-size: .8rem;
  letter-spacing: .035rem;
  line-height: 1.7;
}

.btn-primary {
  border-radius: 0;
  background-color: #0c4556;
  border-color: #0c4556;
  font-weight: 700;
  font-size: .85rem;
  padding: .5rem;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background: #5a6268 !important;
  border-color: #000000 !important;
}
.btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgb(90, 98, 104, 0.5) !important;
}
.btn-secondary {
  border-radius: 0;
  border-color: #0c4556;
  background-color: #ffffff;
  color: #0c4556;
  font-weight: 700;
  font-size: .85rem;
  padding: .5rem;
}
.btn-gradient {
  background-image: var(--gradient1);
  color: #ffffff;
  background-size: 200% auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid transparent;
  font-weight: 700;
  padding-left: 2rem;
  padding-right: 2rem;
}
.btn-gradient:hover {
  background-position: right center;
}
.label.label-gradient.color-6 {
  background-image: var(--gradient2);
}
.label {
  border-radius: 5px;
  padding: .5rem 1rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  display: inline-block;
  text-transform: capitalize;
}

/* mobile sidebar */

.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Stay on top */
  top: 0;
  right: 0;
  background-color: #0f4a5c;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.4s; /* 0.5 second transition effect to slide in the sidebar */
}
.sidebar .navbar-nav {
  min-width: 300px;
}
.sidebar .navbar-nav .nav-item {
  font-family: "Raleway", sans-serif;
  font-size: .9rem;
  font-weight: 600;
  color: #586167;
  text-transform: uppercase;
  padding: 0 1rem;
}
.sidebar .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  border-bottom: 1px solid #ffffff !important;
  padding: 1rem 0;
}
.sidebar .navbar-nav .nav-item .nav-link:hover,
.sidebar .navbar-nav .nav-item .nav-link:focus,
.sidebar .navbar-nav .nav-item .nav-link:active {
  color: #cccccc;
}
.sidebar .navbar-nav .nav-item .nav-link hr {
  display: none;
}
.sidebar .navbar-nav .nav-item .close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  cursor: pointer;
  margin: 0;
  position: relative;
  top: -15px;
  left: -8px;
}
.sidebar .navbar-nav .nav-item .close-small svg {
  fill: #ffffff;
}
.sidebar .navbar-nav .nav-item .close-small:hover svg {
  fill: #cccccc;
}
#main {
  transition: margin-right .5s; /* If you want a transition effect */
  padding: 0;
  position: relative;
  transition: ease .4s;
}
#main .blocked {
  background: #000000;
  height: 100%;
  width: 100%;
  display: none;
  opacity: .3;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* header */

header {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
header .navbar {
  background-color: unset !important;
}
header .navbar .navbar-brand {
  width: 100px;
  white-space: normal;
}
header .navbar .navbar-brand h1 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
header .navbar-dark .navbar-toggler {
  position: relative;
  right: -.75rem;
}
header .navbar .navbar-nav .nav-item .nav-link,
footer .navbar .navbar-nav .nav-item .nav-link {
  color: #ffffff;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 400;
  margin-right: 0;
  padding-top: .65rem;
  padding-bottom: .65rem;
}
header .navbar .navbar-nav .nav-item .nav-link {
  font-size: .95rem;
}
header .navbar .navbar-nav .nav-item .nav-link hr,
footer .navbar .navbar-nav .nav-item .nav-link hr {
  background-color: transparent;
  height: 2px;
  width: 15px;
  margin: .5rem 0 0 0;
  height: 2px;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
header .navbar .navbar-nav .nav-item .nav-link:hover hr,
footer .navbar .navbar-nav .nav-item .nav-link:hover hr {
  background-color: #ffffff;
  width: 50px;
}
header .navbar-dark .navbar-toggler {
  border: 0;
}
header .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 14h22M4 21h22'/%3e%3c/svg%3e");
}
footer .navbar .navbar-nav .nav-item .nav-link:hover,
footer .navbar .navbar-nav .nav-item .nav-link:active,
footer .navbar .navbar-nav .nav-item .nav-link:focus {}

.container {
  max-width: 1200px;
}

.container-splash {
  background-color: #0f4a5c;
  width: 100%;
}
.container-splash-bg {
  background: url(../images/fallsview-restaurants.jpg) no-repeat 50%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 454px;
  height: 454px;
  max-width: 1200px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.container-splash-gradient1 {
  width: 100%;
  height: 130px;
  position: absolute;
  top: 0;
  opacity: 1;
  background: linear-gradient(rgba(7, 70, 89, 100), rgba(0, 0, 0, 0));
  -moz-background: linear-gradient(rgba(7, 70, 89, 100), rgba(0, 0, 0, 0));
  -o-background: linear-gradient(rgba(7, 70, 89, 100), rgba(0, 0, 0, 0));
  -webkit-background: linear-gradient(rgba(7, 70, 89, 100), rgba(0, 0, 0, 0));
}
.container-splash-gradient2 {
  width: 100%;
  height: 160px;
  position: absolute;
  bottom: 0;
  opacity: 1;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(7, 70, 89, 100));
  -moz-background: linear-gradient(rgba(0, 0, 0, 0), rgba(7, 70, 89, 100));
  -o-background: linear-gradient(rgba(0, 0, 0, 0), rgba(7, 70, 89, 100));
  -webkit-background: linear-gradient(rgba(0, 0, 0, 0), rgba(7, 70, 89, 100));
}
.container-splash-content {
  width: 100%;
  height: auto
  border: 1px solid orange;
  position: absolute;
  bottom: 0;
  text-align: center;
  z-index: 1;
  color: #ffffff;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 1.75rem;
}
.container-splash-content a {
  color: #ffffff;
}
header h1,
.container-splash-content h1 {
  color: #ffffff;
  text-transform: uppercase;  
  line-height: 1;
  font-weight: 400;
  font-size: 2.375rem;
}
.container-splash-content h1 {
  display: none;
}
.container-splash .container-splash-content .slogan {
  border-top: 1px solid #ffffff;
  padding: 1rem 0;
  margin-top: .5rem;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.4rem;
  margin-right: auto;
  margin-left: auto;
  width: auto;
  display: inline-block;
  
}
.container-splash .container-splash-content .slogan .nf {
  font-size: 1.875rem;
  font-weight: 300;
}
.container-splash .container-splash-content .slogan .locations {
  font-size: 1.02rem;
}

/* restaurants styles */

.container-restaurants {
  display: flex;
  flex-direction: column;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-top: 2.25rem;
  margin-bottom: 0;
  margin-left: .33rem;
  margin-right: .33rem;
}
.container-restaurants .container-restaurants-img {
  max-width: 780px;
  width: 100%;
}
.container-restaurants .container-restaurants-img img {
  width: 100%;
}
.container-restaurants .container-restaurants-content {
  z-index: 1;
  background: #ffffff;
  padding: 1rem 1.7rem 1.7rem 1.7rem;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  max-width: 669px;
  font-size: .8rem;
  letter-spacing: .035rem;
  line-height: 1.7;
}
.container-restaurants .container-restaurants-content .container-restaurants-brand .the-keg-steakhouse-and-bar,
.container-restaurants .container-restaurants-content .container-restaurants-brand .ihop-restaurant {
  margin-top: 1rem;
}
.container-restaurants .container-restaurants-content .container-restaurants-desc {
  padding-top: 1.5rem;
}
.container-restaurants .container-restaurants-content .container-restaurants-desc h2 {
  font-size: 1rem;
  margin-bottom: .25rem;
}
.container-restaurants .container-restaurants-content .container-restaurants-www {
  padding-top: 0rem;
}
.container-restaurants .container-restaurants-content .container-restaurants-www a {
  color: #00517e;
  font-weight: 700;
}

/* restaurant styles */

.container-restaurant {
  display: flex;
  flex-direction: column;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-top: 1.33rem;
  margin-bottom: 0;
  margin-left: .33rem;
  margin-right: .33rem;
}
.container-restaurant .container-restaurant-img {
  width: 100%;
  height: 274px;
  position: relative;
  overflow: hidden;
}
.container-restaurant .container-restaurant-img img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.container-restaurant .container-restaurant-footer {
  width: 100%;
  height: 274px;
  position: relative;
  overflow: hidden;
}
.container-restaurant .container-restaurant-footer img {
  height: auto;
  width: auto !important;
  min-width: 100% !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.container-restaurant .container-restaurant-content .container-restaurant-brand {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.container-restaurant .container-restaurant-content .container-restaurant-brand img {
  text-align: center;
  margin: 0 auto;
}
.container-restaurant .container-restaurant-content {
  z-index: 1;
  background: #ffffff;
  padding: 2rem 1.25rem 1.25rem 1.25rem;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  max-width: 1004px;
  width: 100%;
  font-size: .8rem;
  letter-spacing: .035rem;
  line-height: 1.7;
  position: relative;
  overflow: hidden;
}
.container-restaurant .container-restaurant-content .border-bottom-left {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2rem;
}
.container-restaurant .container-restaurant-content .border-bottom-right {
  padding-left: 0;
  padding-right: 0;
}
.container-restaurant .container-restaurant-content .border-bottom {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #999999 !important;
  margin-left: 0;
  margin-right: 0;
}
.container-restaurant .container-restaurant-content .padding-bottom {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}
.container-restaurant .container-restaurant-content h1 {
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 1rem;
  font-size: 2rem;
}
.container-restaurant .container-restaurant-content h2 {
  font-size: 1.15rem;
  font-weight: 700;
  padding-top: .5rem;
}
.container-restaurant .container-restaurant-content h1.alt {
  font-size: 1.15rem;
}
.container-restaurant .container-restaurant-content .container-restaurant-desc {}
.container-restaurant .container-restaurant-content .container-restaurant-www {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* footer styles */

footer {
  background: url(../images/fallsview-restaurants-niagara-falls.jpg) no-repeat center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 268px;
  flex-direction: column;
  -ms-flex-align: center !important;
  align-items: center !important;
  margin-top: 1.5rem;
  display: none;
}
footer .container {
  -ms-flex-pack: center !important;
  justify-content: center !important;
  display: flex;
  flex-direction: column;
  height: 100%;
}
footer .container-footer {
  margin-top: 4.25rem;
  margin-bottom: 8rem;
}
footer h1 {
  color: #ffffff;
  text-transform: uppercase;  
  text-align: center;
  margin-bottom: 0;
  font-size: 2.175rem;
  font-weight: 400;
}
footer .navbar {
  padding: .25rem 0rem;
}
footer .navbar-nav {
  text-align: center;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  margin: 0 auto;
}
footer .navbar-nav .nav-item .nav-link hr {
}

/* parallax */

.footer-parallax {
  /* The image used */
  background-image: url('../images/fallsview-restaurants-niagara-falls.jpg');

  /* Full height */
  min-height: 240px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .footer-parallax {
    background-attachment: scroll;
  }
}


/* main */

.container-main {
  padding-top: 2.5rem;
}

/* gallery */

.container-gallery {
  padding-bottom: 3rem;
}
.container-gallery .row {
  margin-left: -7px !important;
  margin-right: -7px !important;
}
.container-gallery .row .col,
.container-gallery .row .col-1,
.container-gallery .row .col-10,
.container-gallery .row .col-11,
.container-gallery .row .col-12,
.container-gallery .row .col-2,
.container-gallery .row .col-3,
.container-gallery .row .col-4,
.container-gallery .row .col-5,
.container-gallery .row .col-6,
.container-gallery .row .col-7,
.container-gallery .row .col-8,
.container-gallery .row .col-9,
.container-gallery .row .col-auto,
.container-gallery .row .col-lg,
.container-gallery .row .col-lg-1,
.container-gallery .row .col-lg-10,
.container-gallery .row .col-lg-11,
.container-gallery .row .col-lg-12,
.container-gallery .row .col-lg-2,
.container-gallery .row .col-lg-3,
.container-gallery .row .col-lg-4,
.container-gallery .row .col-lg-5,
.container-gallery .row .col-lg-6,
.container-gallery .row .col-lg-7,
.container-gallery .row .col-lg-8,
.container-gallery .row .col-lg-9,
.container-gallery .row .col-lg-auto,
.container-gallery .row .col-md,
.container-gallery .row .col-md-1,
.container-gallery .row .col-md-10,
.container-gallery .row .col-md-11,
.container-gallery .row .col-md-12,
.container-gallery .row .col-md-2,
.container-gallery .row .col-md-3,
.container-gallery .row .col-md-4,
.container-gallery .row .col-md-5,
.container-gallery .row .col-md-6,
.container-gallery .row .col-md-7,
.container-gallery .row .col-md-8,
.container-gallery .row .col-md-9,
.container-gallery .row .col-md-auto,
.container-gallery .row .col-sm,
.container-gallery .row .col-sm-1,
.container-gallery .row .col-sm-10,
.container-gallery .row .col-sm-11,
.container-gallery .row .col-sm-12,
.container-gallery .row .col-sm-2,
.container-gallery .row .col-sm-3,
.container-gallery .row .col-sm-4,
.container-gallery .row .col-sm-5,
.container-gallery .row .col-sm-6,
.container-gallery .row .col-sm-7,
.container-gallery .row .col-sm-8,
.container-gallery .row .col-sm-9,
.container-gallery .row .col-sm-auto,
.container-gallery .row .col-xl,
.container-gallery .row .col-xl-1,
.container-gallery .row .col-xl-10,
.container-gallery .row .col-xl-11,
.container-gallery .row .col-xl-12,
.container-gallery .row .col-xl-2,
.container-gallery .row .col-xl-3,
.container-gallery .row .col-xl-4,
.container-gallery .row .col-xl-5,
.container-gallery .row .col-xl-6,
.container-gallery .row .col-xl-7,
.container-gallery .row .col-xl-8,
.container-gallery .row .col-xl-9,
.container-gallery .row .col-xl-auto {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.container-gallery a {
  background: #000000;
  width: 100%;
  display: block;
  margin-bottom: 1.25rem;
}

/* fireworks */

.container-restaurant .container-fireworks h2:nth-of-type(1) {
  padding-top: 0;
}
.container-restaurant .container-fireworks h2 {
  font-size: 1.1rem;
  padding-bottom: 1rem;
  padding-top: 1.5rem;
}

/* accommodations */

.hotel-accommodations {
  padding-top: 1rem;
  background: #ffffff;
  color: #000000;
  border-radius: .25rem;
  margin: 2rem auto 0 auto;
}
.hotel-accommodations a {
  font-weight: 400;
  color: #000000 !important;
}
.hotel-accommodations h3 a {
  font-family: 'Oswald', sans-serif;
  text-transform: capitalize;
  font-size: 1rem;
  text-decoration: underline;
  color: #000000 !important;
}
.hotel-accommodations h3 {
  margin: 0;
  padding: 0;
}
.hotel-accommodations .row {
  border-bottom: 2px solid #acacac;
  padding: 2rem;
}
.hotel-accommodations .row:last-child {
  border-bottom: 0;
}
.hotel-accommodations h3,
.hotel-accommodations p {
  text-align: left;
}
.container-accommodations {
  text-align: center;
  margin-top: 1rem;
}
.container-accommodations h1 {
  color: #ffffff;
  font-weight: 700;
  text-transform: initial;
  font-size: 1.5rem;
}
.container-accommodations h2 {
  color: #ffffff;
  font-weight: 600;
  text-transform: initial;
  font-size: 1.25rem;
}
.container-accommodations .hotel-accommodation {
  max-width: 893px;
}
.container-accommodations .hotel-accommodation img {
  width: 100%;
  max-width: 100%;
}
.container-accommodations .hotel-accommodation .col-md {
  padding-left: 2px;
  padding-right: 2px;
}

/* animations */

.fadein {
  opacity: 0;
  transition: opacity 1s ease-out;
}
.fadeinleft .fadein.show {
  opacity: 1;
  animation: fadeInLeft .5s linear .25s both;
}
.fadeinright .fadein.show {
  opacity: 1;
  animation: fadeInRight .5s linear .25s both;
}

/* temporary keg standalone page */

body.alt {
  background: #062e33;
  color: #e5e2da;
}
body.alt .container {
  font-size: 90%;
}
body.alt .info-banner {
  border-top: 1px solid #e5e2da;
  width: 100%;
  background: #af8540;
  text-transform: uppercase;
  font-weight: 700;
  padding: .5rem;
  text-align: center;
}
body.alt .table td,
body.alt .table th {
  padding: 0;
}
body.alt .table thead th,
body.alt .table td,
body.alt .table th {
  border-bottom: 0;
  border-top: 0;
  font-weight: 400 !important;
}
body.alt .table-padding {
  border-bottom: 1px solid #768887;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
body.alt h1 {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 2rem;
}
body.alt h1 div {
  font-size: 1rem;
}
body.alt h2 {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 700;
}
body.alt .content-container {
  height: 100%;
}
body.alt .content-box {
  padding: 2.5rem 0 0 0;
}
body.alt .container .row {
  padding: 1.5rem 0;
}
body.alt .container .divide-line {
  height: 1px;
  width: 100%;
  background: #af8540;
}
body.alt .btn-group {
  margin-bottom: 1rem;
}
body.alt .icon-timer {
  width: 14px;
  height: 15px;
  background: url(../images/icon-timer.png) no-repeat;
  display: inline-block;
  margin-right: .5rem;
  position: relative;
  top: 2px;
}
body.alt .btn-primary,
body.alt .btn-primary:visited {
  background: #af8540;
  border-color: #af8540;
  color: #e5e2da !important;
  text-transform: uppercase;
  padding: 1rem 2rem;
}
body.alt .btn-secondary,
body.alt .btn-secondary:visited {
  border-color: #af8540;
  background: none;
  padding: 1rem 2rem;
  color: #e5e2da !important;
  text-transform: uppercase;
}
body.alt .btn-primary:hover,
body.alt .btn-primary:active,
body.alt .btn-primary:focus,
body.alt .btn-secondary:hover,
body.alt .btn-secondary:active,
body.alt .btn-secondary:focus {
  background: #000000 !important;
  border-color: #ffffff !important;
}

body.alt .current {
  padding: 0 0 2rem 0;
}
body.alt .current .closed {
  display: inline-block;
  background: #ffffff;
  padding: 0 .5rem;
  color: #062e33;
  font-weight: bold;
  margin-right: .5rem;
}

.hidden-row {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
}
.visible-row {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s ease-in-out;
  visibility: visible;
}

/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

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

  .container {
    //border: 1px solid red;
  }

  body.alt .btn-group {
    padding-bottom: 0;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .container {
    //border: 1px solid orange;
  }

  .container-restaurants .container-restaurants-content {
    position: relative;
    top: -100px;
  }

  .container-restaurant .container-restaurant-content .container-restaurant-desc {
    padding-right: 4rem;
  }

  .container-splash .container-splash-content .slogan {
    padding-left: 0;
    padding-right: 0;
  }

  .container-restaurant .container-restaurant-img {
    height: auto;
  }
  .container-restaurant .container-restaurant-img img {
    position: relative;
  }

  .container-restaurant .container-restaurant-footer {
    //height: auto;
  }
  .container-restaurant .container-restaurant-footer img {
    //position: relative;
  }

  body.alt .container .divide-line-center {
    border-right: 1px solid #af8540;
    padding-right: 3.5rem;
  }
  body.alt .btn-primary {
    padding: 1rem 4rem;
  }
  body.alt .btn-secondary {
    padding: 1rem 4rem;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .container {
    //border: 1px solid blue;
  }

  .container-gallery a {
    height: 150px;
  }

  footer {
    display: flex;
  }

  .footer-parallax {
    background-position: center;
    background-size: cover;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: .5rem;
    padding-right: .5rem;    
  }

  .container-restaurants .container-restaurants-content {
    position: relative;
    top: -100px;
  }

  .container-restaurant .container-restaurant-content-moveup {
    top: -40px;
  }

  .container-splash-content {
    display: flex;
  }
  .container-splash-content h1 {
    display: block;
    max-width: 320px;
    text-align: right;
    padding-right: 1.25rem;
    margin-bottom: 0;
  }
  .container-splash .container-splash-content .slogan {
    border-left: 1px solid #ffffff;
    border-top: 0;
    display: block;
    margin-left: initial;
    margin-right: 3rem;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .container-splash-bg {
    max-width: inherit;
  }

  .container-splash .container-splash-content .slogan {
    padding: 1rem;
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .container {
    //border: 1px solid purple;
  }

  .footer-parallax {
    background-position: bottom;
    background-size: contain;
  }

  .container-restaurants {
    flex-direction: row;
    position: relative;
    height: 453px;
  }
  .container-restaurants .container-restaurants-img {
    height: 100%;
    max-width: 100%;
  }
  .container-restaurants .container-restaurants-img img {
    max-width: 669px;
  }
  .container-restaurants .container-restaurants-content {
    width: 512px;
    position: absolute;
    right: 100px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
  }
  .reorder .container-restaurants-img img {
    position: absolute;
    right: 0;
  }
  .reorder .container-restaurants-content {
    right: 568px;
    left: auto;
  }

}

/* Extra large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {

  .container {
    //border: 1px solid black;
  }

  .container-splash-bg {
    height: auto;
    max-height: 674px;
    min-height: 674px;
    max-width: inherit;
  }

}


/* general animations */

@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/** fadeInRight **/

@-webkit-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(10px);
        -moz-transform: translatex(10px);
        -o-transform: translatex(10px);
        transform: translatex(10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(10px);
        -moz-transform: translatex(10px);
        -o-transform: translatex(10px);
        transform: translatex(10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInRight {
    from {
        opacity:0;
        -webkit-transform: translatex(100px);
        -moz-transform: translatex(100px);
        -o-transform: translatex(100px);
        transform: translatex(100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

/** fadeIn **/

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in-image {
  animation: fadeIn 3s;
}