@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700) print, screen;
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap');

body{
  font-family: Raleway !important;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 500 !important;
  color: #797d86 !important;
}
header, footer{
  background: #4f5259 !important;
  color: #fff !important;
}
footer{
  padding: 2em 0;
}
footer h2{
  color: #aaa !important;
  font-family: Raleway !important;
  font-size: 1.2em !important;
  letter-spacing: 0.2em !important;
  margin: 0 0 1em 0 !important;
  text-transform: uppercase;
}

a, a:link,  a:visited{
  color: #797d86;
}
a:hover{
  color: #0ff;
  text-decoration: none;
}
footer a, footer a:link, footer a:visited{
  color: #fff;
}
footer a:hover{
  color: #ccc;
  text-decoration: none;
}
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
  color: #666 !important;
  font-family: 'Libre Caslon Text', serif !important;
  font-weight: 300;
  font-style: normal;
  letter-spacing: -.03em;
  text-transform: none;
  margin: 0.7em 0 !important;
}

.main-logo{
    max-width: 140px;
    margin: 1em 0;
}
.event-details-card{
  margin: 2em 0 0 0 ;
}
.grey-opticity{
  background-color: rgba(100,100,100,0.7);
  padding: 3em 0;
}
.header-block-container{
  background: #333 url('/assets/imgs/guest-accommodation.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.header-block-container h1{
  color: #fff !important;
  font-family: 'Libre Caslon Text', serif !important;
  font-size: 2em !important;
  font-weight: 200 !important;
  margin: 1em 0;
}
.header-block-container h2{
  color: #fff !important;
  font-family: Raleway !important;
  font-size: 1.2em !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase;
}