/* Set font family for body text */
body {
  font-family: "Gotham Book", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 12px;
  margin-top: 0;
  overflow-wrap: break-word;
  text-align: left;
  color: rgb(68, 76, 86);
  background-color: #2C2F33;
}

@media (max-width: 768px) {
  .box {
    width: 90%;
  }
}

/* Set font family for headers */
h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham Bold", Arial, sans-serif;
  font-weight: bold;
}

.rounded-box {
  border-radius: 10px;
  border: 2px solid #000;
  padding: 20px;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}

.rounded-box-dark {
  border-radius: 10px;
  border: 2px solid #2C2F33;
  padding: 20px;
  max-width: 90%;
  max-height: 90%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Style for the image inside the box */
.box-img {
 float: left;
 margin-right: 20px;
 width: auto;
 height: 100%;
}

/* Style for the heading inside the box */
.box-heading {
 font-size: 48px;
 color: rgb(68, 76, 86);
 text-align: left;
 overflow-wrap: break-word;
 margin-top: 0px;
 line-height: 72px;
 margin-bottom: 7px;
 font-weight: 700px;
}

.box-heading-woah {
  font-size: 64px;
  color: rgb(68, 76, 86);
  text-align: left;
  overflow-wrap: break-word;
  margin-top: 0px;
  line-height: 72px;
  margin-bottom: 7px;
  font-weight: 700px;
}

.imghead {
box-sizing: border-box;
color: rgb(68, 76, 86);
display: block;
flex-basis: 0px;
flex-grow: 1;
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
max-width: 100%;
min-height: 1px;
overflow-wrap: break-word;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
width: 243.75px
}

.bodyText {
box-sizing: border-box;
color: rgb(68, 76, 86);
flex-basis: 75%;
flex-grow: 0;
flex-shrink: 0;
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
max-width: 75%;
min-height: 1px;
overflow-wrap: break-word;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
width: 731.25px
}

.container {
box-sizing: border-box;
color: rgb(68, 76, 86);
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-left: 4.6px;
margin-right: 4.6px;
max-width: 960px;
overflow-wrap: break-word;
padding-left: 0px;
padding-right: 15px;
text-align: left;
width: 960px
}

.request-error-page-content {
box-sizing: border-box;
color: rgb(68, 76, 86);
display: flex;
flex-wrap: wrap;
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-left: -15px;
margin-right: -15px;
overflow-wrap: break-word;
text-align: left
}

.default-error-page {
background-color: rgb(57, 59, 61);
box-sizing: border-box;
color: rgb(255, 255, 255);
font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
position: relative;
text-rendering: auto;
}

.message-container {
box-sizing: border-box;
color: rgb(255, 255, 255);
float: left;
font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
text-rendering: auto;
width: 346.5px;
}

.error-title {
box-sizing: border-box;
color: rgb(255, 255, 255);
font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 44.8px;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
text-rendering: auto;
}

.error-message {
box-sizing: border-box;
color: rgb(255, 255, 255);
font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 22.4px;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
text-rendering: auto;
}

.error-image {
border-bottom-color: rgb(255, 255, 255);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(255, 255, 255);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(255, 255, 255);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
color: rgb(255, 255, 255);
display: block;
float: right;
font-family: HCo Gotham SSm, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 16px;
font-weight: 400;
height: 300px;
line-height: 22.4px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
text-rendering: auto;
vertical-align: middle;
}

.row {
box-sizing: border-box;
color: rgb(68, 76, 86);
display: flex;
flex-wrap: wrap;
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin-left: -15px;
margin-right: -15px;
overflow-wrap: break-word;
text-align: left
}

.container-fluid {
box-sizing: border-box;
color: rgb(68, 76, 86);
font-family: "Gotham-Book", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 28px;
margin-left: 0px;
margin-right: 0px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
width: 1019.2px
}

a {
  color: rgb(0, 162, 255);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.box {
  width: auto;
  margin: auto;
  align-content: center;
}

/* IMG = col d-none d-md-block */
/* TEXT = col col-sm-12 col-md-9  */