/* Main page **********************************/
@font-face {
  font-family: 'Zen-Dots';
  src: url(../fonts/Zen_Dots/ZenDots-Regular.ttf) format('woff2');
}

body, html {
  height: 100%;
  color: white;
}

.background-image {
  background-image: url('../img/castle-bg-low.png');
  background-attachment: fixed; 
  background-repeat: no-repeat;
  width: 100vw;
  background-size: cover;
  background-position: center;
}

/* Header **********************************/

#breakH {
  font-family: Zen-Dots;
  color: #fff;
}

#breakH ul {
  list-style: none;
  padding: 0;
  font-size: 220%;
}

#breakH ul em {
  display: block;
  /* font-size: 50%; */
}

.rest {
  grid-row: 2 / -1; 
}

.top-header {
  min-height: 90vh;
} 

header h1>small {
  display: block;
  /* font-size: 60%; */
}

div.logo {
  padding:10px;
}

img.logo {
  width: 250px;
}

img.todo {
  width: 250px;
  text-align: right;
}

img.logo-icon {
  width: 85px;
}

a {
  text-decoration: none;
  color: var(--bs-white);
  font-weight: normal;
  /* font-size: smaller; */
}

a:hover {
  text-decoration: underline;
  color: var(--bs-white);
}

/* Content **********************************/

.main_content {
  padding-top: 5px;
  padding-left: 20px;
  /* font-size: small; */
  min-height: 70vh;
}

.inner-wrapper {
  padding: 15px;
  /* font-size: small; */
}

.main_img {
  max-height: 600px;
}

/* section.row { 
  min-height: 75vh;
} */

/* .img_col {
  height: 100%;
} */

.close-button {
  border: 1px solid black;
  font-size: 30px;
  width: 46px;
  height: 40px;
  background-color: var(--bs-gray-600);
}

.right-align-row {
  display: flex;
  justify-content: flex-end;
  padding-right:30px !important;
}

.vertical-center-text {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 20vh;
}


div.break {
  min-height: 20vh;
  background-color: rgb(0,0,0,0.4);
}

div.small-break {
  min-height: 2vh;
  background-color: rgb(0,0,0,0.4);
}

.policy-button {
  background: none;
  border: none;
  color: #b9dbf2;
  padding: 0px;
}

.policy-button:hover {
  text-decoration: underline;
  color: var(--bs-white);
}

div.drop-pad {
  padding-right: 0px;
}

#break2 {
  background: url("../img/break2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

div.tint {
  background: rgb(0, 0, 0, 0.5);
}
div.header {
  max-height: 60vh;
  display: grid;
  grid-template-rows: 1fr auto;
}

div.content {
  background-color: rgb(50,50,50,0.8);
  /* min-height: 75vh; */
}
.content h2,
.content h3 {
  font-family: Zen-Dots;
  padding-bottom: 15px;
}

.break h2,
.break h3 {
  font-family: Zen-Dots;
}

.content h2 {
  font-size: 100%;
  color: var(--bs-gray-600);
}

.content h3 {
  font-size: 250%;
}

.section-end {
  width: 100%;
  text-align: center;
}

td.contact-table {
  padding-left: 15px;
  padding-bottom: 5px;
}

td a {
  color: #b9dbf2;
  }

a {
  color: #b9dbf2;
  }


/* Footer **********************************/

footer {
  /* font-size: x-small; */
  min-height: 15vh;
  background-position: bottom;
  background: rgb(0,0,0,0.8);
  background-size: 100% 300%;
  background-repeat: no-repeat;
  padding: 10px;
}

footer h6 {
  font-family: Zen-Dots;
}

footer ul {
  list-style: none;
}

h6.footer {
  color: #ccc;
  /* font-size: small; */
}

p.footer {
  color: #aaa;
}