@font-face {
  font-family: 'Snack-Bar';
  src: URL('/fonts/snackbar.ttf');
}

html {
  font-size: 14px;
  -webkit-transition: background 1.5s linear;
    -moz-transition: background 1.5s linear;
    -o-transition: background 1.5s linear;
    -ms-transition: background 1.5s linear;
    transition: background 1.5s linear;
    }

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1B0A40;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: Snack-Bar, Verdana, Geneva, Tahoma, sans-serif;
  margin-bottom: 60px;
  background-image: url(/img/back/background-480.png);
  color:#1B0A40;
    -moz-transition: background 1.5s linear;
    -o-transition: background 1.5s linear;
    -ms-transition: background 1.5s linear;
    transition: background 1.5s linear;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

a:link { 
  text-decoration: none; 
  color:#1B0A40;
  } 
a:visited { 
  text-decoration: none;
  color:#1B0A40; 
  } 
a:hover { 
  text-decoration: none;
  color:#1B0A40;
  } 
a:active { 
  text-decoration: none;
  color:#1B0A40;
  }

  .menuTableauHeading
  { 
    letter-spacing: .4rem;
    width: 856px;
    font-size:42px;
    padding:7px 7px 7px 7px;
    margin:7px;
    color:#1B0A40 ;
    }

    .menuItem
    { 
      font-size:12px;
      float: left;
      width: 285px !important;
      height: 417px;
      padding-top: 21px;
      margin:7px;
      }

  .menuTableauHeader
  { 
    font-size:27px;
    }
.menuTableauHeaderSec
  { 
    font-size:19px;
    }
  .menuTableauPrice
  { 
    padding:7px 0 0 0;
    font-size:22px;
    }



    
.outer {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-bottom: 30px;
}


  @media only screen and (min-width:320px) and (max-width:480px) {
    body {
      background-image: url(/img/back/background-480.png);
    }
 
  }
  @media only screen and (min-width:481px) and (max-width:768px) {
    body {
      background-image: url(/img/back/background-768.png);
    }
  }
  @media only screen and (min-width:769px) and (max-width:1024px) {
    body {
      background-image: url(/img/back/background-1024.png);
    }
  }
  @media only screen and (min-width:1025px) and (max-width:1280px) {
    .LogoHeader {
      background-image: url(/img/back/background-1280.png);
    }
  }
  @media only screen and (min-width:1281px) and (max-width:1600px) {
    body {
      background-image: url(/img/back/background-1600.png);
    }
  }
  @media only screen and (min-width:1601px) {
    body {
      background-image: url(/img/back/background-1920.png);
    }
  }