:root {
    --blue: #5E50F9;
    --indigo: #6610f2;
    --purple: #6a008a;
    --pink: #E91E63;
    --red: #f96868;
    --orange: #f2a654;
    --yellow: #f6e84e;
    --green: #46c35f;
    --teal: #58d8a3;
    --cyan: #57c7d4;
    --white: #ffffff;
    --gray: #434a54;
    --gray-light: #aab2bd;
    --gray-lighter: #e8eff4;
    --gray-lightest: #e6e9ed;
    --black: #000000;
    --primary: #4B49AC;
    --secondary: #a3a4a5;
    --success: #57B657;
    --info: #248AFD;
    --warning: #FFC100;
    --danger: #FF4747;
    --light: #f8f9fa;
    --dark: #282f3a;
    --primary-md-purple: #5C2BA7;
    --md-light-purple: #7A47FF;
    --md-light-cyan: #23ADBA;
    --primary-gray: #B8B8B8;
    --md-description-color: #333333;
    --md-sub-description-color: #676767;
    --md-border: #E7D9FF;
    --md-border-gray: #7F7F7F;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-family-Maputo: 'Maputo';
}

@font-face {
  font-family: 'Maputo';
  src: url('../assets/fonts/Maputo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Maputo', sans-serif;
}
.menu-item-box {
  padding: 0rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-item-img {
  max-width: 100%;
  height: auto;
  display: block;
}

.meeting-img {
  height: 450px;
  object-fit: cover;
  width: 100%;
}

.meeting-box {
  background-color: white;
  padding: 1rem;
  width: 100%;
  border-radius: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto; /* center in column */
}

.meeting-title {
    color: #376339;
    font-size: 47px;
    font-family: 'Maputo', sans-serif;
}

.meeting-description {
  font-size: 21px;
  font-family: 'Arial', sans-serif;
}

.meeting-quote {
  color: white;
  font-family: 'Maputo', sans-serif;
  font-size: 1.8rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  display: inline-block;
}

.bg-dark-green {
  background-color: #2F4F2F;
}
.text-dark-green {
  color: #376339;
}
.bg-orange{
 background-color:#f2aa45;
}
.text-orange{
color: #f2aa45;
}
.bg-light-green {
  background-color: #76aa39;
}
.text-light-green {
  color: #76aa39;
}
.bg-dark-pink{
 background-color:#da0948;
 }
 .text-pink{
 color:#da0948;
 }
.menu-item-box {
  max-width: 100%;
  width: 50%;
}
.menu-item-img {
     width: 100%;
     height: auto;
     object-fit: contain;
 }
 @media (min-width: 100%) {
   .menu-item-box {
     max-width: 100%;
     padding:10px;
   }
 }

.responsive{
padding:5px;
}

#toolbar, viewer-toolbar{
 display:none!important;
}


@font-face {
    font-family: 'Maputo';
    src: url('../assets/fonts/Maputo.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Maputo', sans-serif;
}
.menu-item-box {
    padding: 0rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-item-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.meeting-img {
    height: 450px;
    object-fit: cover;
    width: 100%;
}

.meeting-box {
    background-color: white;
    padding: 1rem;
    width: 100%;
    border-radius: 1rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto; /* center in column */
}

.meeting-description {
    font-size: 25px;
    font-family: 'Arial', sans-serif;
}

.meeting-quote {
    color: white;
    font-family: 'Maputo', sans-serif;
    font-size: 1.8rem;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    display: inline-block;
}

.bg-dark-green {
    background-color: #2F4F2F;
}
.text-dark-green {
    color: #376339;
}
.bg-orange{
    background-color:#f2aa45;
}
.text-orange{
    color: #f2aa45;
}
.bg-light-green {
    background-color: #76aa39;
}
.text-light-green {
    color: #76aa39;
}
.bg-dark-pink{
    background-color:#da0948;
}
.text-pink{
    color:#da0948;
}
.menu-item-box {
    max-width: 100%;
    width: 50%;
}
.menu-item-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
@media (min-width: 100%) {
    .menu-item-box {
        max-width: 100%;
        padding:10px;
    }
}

.responsive{
    padding:5px;
}

#toolbar, viewer-toolbar{
    display:none!important;
}