/*#region font faces*/
/*#region Armata*/
@font-face {
  font-family: "Armata";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Armata/Armata-Regular.ttf") format("truetype");
}
/*#endregion*/
/*#region roboto*/
@font-face {
  font-family: "roboto-black";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Black.ttf") format("truetype");
}
@font-face {
  font-family: "roboto-bold";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "roboto-light";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Light.ttf") format("truetype");
}
@font-face {
  font-family: "roboto-medium";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "roboto-regular";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "roboto-thin";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Roboto/Roboto-Thin.ttf") format("truetype");
}
/*#endregion*/
/*#region cinzel*/
@font-face {
  font-family: "cinzeldecorative-regular";
  src: url("https://cdn-endpoint-wwwroot-1.azureedge.net/lib/googleFonts/Cinzel_Decorative/CinzelDecorative-Regular.ttf") format("truetype");
}
/*#endregion*/
/*#endregion*/
/*#region color vars*/
/*#endregion*/
/*#region transitions/transforms*/
/*#endregion*/
/*#region sizing vars*/
/*rem defs*/
/*em defs*/
/*#endregion*/
/*#region rgba vars*/
/*#endregion*/
body {
  background-color: black;
  background-size: cover;
  background-attachment: fixed;
}

#anniversary-banner {
  background-image: url("/images/anniversary-banner.jpg");
  background-size: cover;
  background-position: center;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0rem;
}

#banner-img {
  max-width: 100%;
  height: 300px;
  margin-top: 0rem;
  position: relative;
  bottom: 16px;
}

#anniversary-content {
  background-color: black;
}

#p1 {
  color: white;
  font-size: 1.2rem;
  margin: 1rem 1.5rem 0rem 1.5rem;
}

.p1-date {
    font-family: "cinzeldecorative-regular";
    font-weight: bold;
    font-size: 1.5rem;
    color: #D2A527;
}

#p2 {
  color: white;
  font-size: 1.2rem;
  margin: 0rem 1.5rem 0rem 1.5rem;
}

.p2-date {
    font-family: "cinzeldecorative-regular";
    font-weight: bold;
    font-size: 1.5rem;
    color: #D2A527;
}

@media (max-width: 767px) {
    #banner-img {
        height: 150px;
        bottom: 48px;
    }
}