/* Chester */

.wf-mediabox-container {
    background-color: rgba(255,255,255,0.5);
    border-radius: 12px;
    border-top: 2px solid rgba(255,255,255,0.75);
    border-left: 2px solid rgba(255,255,255,0.75);
}

.wf-mediabox-caption {
    padding: 10px;
    background-color: rgba(255,255,255,0.25);
}

.wf-mediabox-nav {
    background-color: rgba(255,255,255,0.35);
    border-radius: 0 0 12px 12px;
    padding: 1em;
}

.filled_pieces {
    position: relative;
    display: grid;
    place-items: center;
}

.filled_pieces_inner {
  width: 95%;
  padding-right: 50px;
  position: relative;
}

.filled_pieces_inner h1, .filled_pieces_inner h2, .filled_pieces_inner h3, .filled_pieces_inner h4, .filled_pieces_inner h5, .filled_pieces_inner h6 {
    text-align: center !important;
}

.filled_pieces_inner h3 {
    font-family: "corinthia_bold", sans-serif;
}

a.chester_home {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -145px;
}

a.chester_home_text:hover {
    text-shadow: none;
    text-decoration: underline;
}

a.chester_home_text {
    cursor: pointer;
    color: white;
    text-decoration: none;
  	position: relative;
  	top: -15px;
}

.h3_yellow {
  color: yellow;
  font-family: "corinthia",sans-serif;
  font-size: 3em;
}

h5.h5_tag {
  font-size: 1.2rem;
}

a.btn.btn-primary.purple_button {
    position: absolute;
    top: calc( 50% + 104px );
    width: 100%;
    background: rgb(181,115,227);
    background: linear-gradient(0deg, rgba(181,115,227,1) 0%, rgba(128,53,180,1) 8%, rgba(128,53,180,1) 92%, rgba(181,115,227,1) 100%);
    --bs-btn-border-color: #8035b4;
    font-family: "CopperplateGothic", sans-serif;
}

/* END of Chester */

/* Extra Small devices (phones 575px and down) */
@media only screen and (max-width: 575px) {
	
/* Chester */
  
.chester_col {
  margin-top: 345px !important;
}

/* Chester */
	
}

/* Small devices (phones, tablets, 991px and down) */
@media only screen and (max-width: 991px) {
	
}

/* XL and SMALLER devices (phones, tablets, 1399px and down) */
@media only screen and (max-width: 1399px) {
	
}

/* sm Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (min-width: 576px) {
	
}

/* md Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
}

/* lg Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
/* Chester */
  
.filled_pieces_inner {
    width: 95%;
    padding-right: 50px;
}

a.chester_home_text {
    top: -15px;
}

h5.h5_tag {
    font-size: 1.2rem;
    text-align: left !important;
}

a.btn.btn-primary.purple_button {
    top: calc( 50% + 104px );
    width: 100%;
    font-size: 25px;
}

a.chester_home {
    top: 50%;
    right: 0;
    margin-top: -145px;
}
  
.filled_pieces_inner h2 {
    font-size: 1em;
    text-align: left !important;
}

.filled_pieces_inner h3 {
    text-align: left !important;
}

h3.h3_yellow {
    font-size: 1.2em;
}
  
/* END of Chester */
	
}

/* xl Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
/* Chester */
  
a.chester_home_text {
    top: -5px;
    font-size: 1.3em;
}

.filled_pieces_inner h2 {
    font-size: 1.2em;
}

h3.h3_yellow {
    font-size: 1.4em;
}

h5.h5_tag {
    font-size: 1.4rem;
}

/* END of Chester */
	
}

/* xxl Extra extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {
	
/* Chester */
  
.filled_pieces_inner {
    width: 95%;
    padding-right: 50px;
}

a.chester_home_text {
    top: 0px;
    font-size: 1.5em;
}

.filled_pieces_inner h2 {
    font-size: 1.25em;
}

h3.h3_yellow {
    font-size: 1.7em;
}
  
h5.h5_tag {
    font-size: 1.6rem;
}

a.btn.btn-primary.purple_button {
    position: absolute;
    top: calc( 50% + 130px );
    width: 100%;
}

a.chester_home {
    top: 50%;
    right: 0;
    margin-top: -118px;
}
  
/* END of Chester */
	
}