@charset "UTF-8";

* {
  box-sizing: border-box;
}
body {
  background-size: 100vw;

	text-align: center;
	margin: auto;
}



h1 {font-family: 'Saira Stencil One',sans-serif;

  font-size: 6.5vw;
  letter-spacing: .4vw;
text-shadow: 5px 5px 3px black;
color: white;
text-align: center;
padding: 5px;
width: 100vw;
}



/* ASIDE BOXES CLASS WITH MODAL TEXT STYLING --------------------------MODAL  TEXT STYLE--- */
.asideBox {
  display: flex;
  flex-direction: column;
    justify-content:center;
         align-items:center;
     margin: auto;
     height: 40.5vw;
     width: 100%;
     z-index: 3000;
}

.modalText {font-family: 'Saira Stencil One',sans-serif;

  font-size: 2.5vw;
  letter-spacing: .4vw;
text-shadow: 5px 5px 3px black;
color: white;
text-align: center;
padding: 5px;
width: 100%;
}
.modalTextbody {    font-family: 'Oxygen', sans-serif;
    font-weight: 300;
    font-size: 1.5vw;
    color: white;
}
/* ASIDE BOXES CLASS WITH MODAL TEXT STYLING --------------------------MODAL  TEXT STYLE--- */


img {
  overflow: hidden;
}

a:hover {
	color:white;
	font-size:1em;
	text-align: center;
		text-shadow: 0px 0px 10px lightgray;
}

.thumbnails {
  display: flex;
  flex-direction: row;
    justify-content: space-between;
     align-items: flex-start;
     margin: auto;

}
.goodbyeThumbnail {
     margin: auto;
  text-align: center;
}
.thumbpic{
  width: 16vw;
     margin: auto;
}
.thumbtext {
  display: flex;
  flex-direction: row;
    justify-content: space-between;
    /* align-items: stretch;
    align-content: stretch; */
     flex-wrap: nowrap;
}
.thumbwords{
  width: 16vw;
       /* height: 15vw; */
  font-family: 'Oxygen', sans-serif;
  font-weight: 300;
  font-size: 2vw;
  color: white;
  background: rgba(0,0,0,0.85);
  padding: 10px;
  margin: auto;
/* align-content: stretch; */
}
#backgroundGDK {
	background-image: url("images/fsGDK_bk.jpg");
  background-size: 100vw;
	text-align: center;
	margin: auto;
  z-index: -999;
}

.backGroundDiv {
  background-color: black;
  margin:auto;
	text-align: center;
}
.items {
  display: grid;
  align-content: stretch;
  justify-content: space-around;
  min-width: 600px;
min-height: 100vh;
  grid-template-columns: 14vw  18vw  18vw  18vw  18vw 14vw;
  grid-template-rows: auto;
  margin: auto;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
.topBox {
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
  margin: auto;
  grid-area: 1/2/2/6;
  /* row 1 - 2, column 2 -6 */
}

#topTit{
  position: absolute;
  top:25vw;
  padding: 5px;
    text-align: center;
  width: 72vw;
  margin: auto;
  grid-area: 1/2/2/6;
  /* row 1 - 2, column 2 -6 */
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox1 {
  width: 100vw;
    height: 40vw;
  margin: auto;
  grid-area: 2/1/3/7;
}
@supports (-webkit-text-stroke: 1px black) {
#spaceBox1 {
  -webkit-text-stroke: 1px black;
  -webkit-text-fill-color: white;
}
  /* row 2 - 3, column 1 -7 ie full width */
}


#fairyBox{
position: absolute;
top:35vw;
left: 38vw;
}
#logoBox{
position: absolute;
top:40vw;
left: 5vw;
}


#snowhite {
  position: absolute;
  left: 2vw;
  top: 50vw;
  animation-name: swDancing;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  z-index: 20;
}
@keyframes swDancing {
  0% {left: 2vw;
    position: absolute;
  }
  50% {left: 73vw;
    position: absolute;
  }
  100% {left: 2vw;
    position: absolute;
  }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */

#tit1{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
.vidBox1 {
  width: 72vw;
  margin: auto;
  grid-area: 3/2/4/6;
  /* row 3 - 4, column 2 -6 */
}
/* make the video content responsive */
#videoID1{
width:100%; height: 100%; position: relative;
}


#aside1L{
  position: absolute;
  top: 74vw;
  left:2vw;
  grid-area: 3/1/4/2;
  /* row 3 - 4, column 1 -2 */
  text-align: center;
    margin: auto;
      z-index:3000;
}
#aside1R{
  position: absolute;
  top: 74vw;
right:2vw;
  grid-area: 3/6/4/7;
  /* row 3 - 4, column 6 -7 */
  text-align: center;
    margin: auto;
      z-index: 3000;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox2 {
  font-family: 'Saira Stencil One',sans-serif;
  font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
    height: 32vw;
  margin: auto;
  grid-area: 4/1/5/7;
  /* row 4 - 5, column 1 -7 ie full width */
}

#dollsBox{
position: absolute;
top:150vw;
left: 15vw;
z-index: 3;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#tit2{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
.vidBox2 {
  width: 72vw;
  margin: auto;
  grid-area: 5/2/6/6;
  /* row 5 - 6, column 2 -6 */
}
/* make the video content responsive */
#videoID2{
width:100%; height: 100%; position: relative;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox3 {
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
    height: 32vw;
  margin: auto;
  grid-area: 6/1/7/7;
  /* row 6 - 7, column 1 -7 ie full width */
}
#actionMan {
  position: absolute;
  left: 2vw;
  top: 240vw;
  animation-name: amDancing;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  z-index: 4;
}
@keyframes amDancing {
  0% {left: 2vw;
    position: absolute;
    /* transform: scale(100); */
  }
  50% {left: 55vw;
    position: absolute;
    /* transform: scale(100); */
  }
  100% {left: 2vw;
    position: absolute;
    /* transform: scale(100); */
  }
}
#kilt{
position: absolute;
top:250vw;
left: 40vw;
z-index: 2;
}
#kiltDance {
  position: absolute;
  left: 80vw;
  top: 240vw;
  animation-name: kDancing;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  z-index: 1;
}
@keyframes kDancing {
  0% {left: 80vw;
      top: 240vw;
    position: absolute;
    transform: scale(1);
  }
  25% {
      top: 235vw;
    transform: scale(.75);
  }
  50% {left: 2vw;
      top: 240vw;
    position: absolute;
    transform: scale(1);
  }
  75% {
      top: 235vw;
    transform: scale(.75);
  }
  100% {left: 80vw;
      top: 240vw;
    position: absolute;
    transform: scale(1);
  }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#tit3{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
.vidBox3 {
  width: 72vw;
  margin: auto;
  grid-area: 7/2/8/6;
  /* row 7 - 8, column 2 -6 */
}
/* make the video content responsive */
#videoID3{
width:100%; height: 100%; position: relative;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox4 {
  font-family: 'Saira Stencil One',sans-serif;
  font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
      height: 32vw;
  margin: auto;
  grid-area: 8/1/9/7;
  /* row 8 - 9, column 1 -7 ie full width */
}
#halloween {
  position: absolute;
  left: 12vw;
  top: 355vw;
  animation-name: halloweenSlide;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  z-index: 3;
}
@keyframes halloweenSlide {
  0% {left: 12vw;
    position: absolute;
    /* transform: scale(100); */
  }
  50% {left: 50vw;
    position: absolute;
    /* transform: scale(100); */
  }
  100% {left: 12vw;
    position: absolute;
    /* transform: scale(100); */
  }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#tit4{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
.vidBox4 {
  width: 72vw;
  margin: auto;
  grid-area: 9/2/10/6;
  /* row 9 - 10, column 2 -6 */
    z-index: 2;
}
/* make the video content responsive */
#videoID4{
width:100%; height: 100%; position: relative;
  z-index: 4;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox5 {
  font-family: 'Saira Stencil One',sans-serif;
  font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
    height: 32vw;
  margin: auto;
  grid-area: 10/1/11/7;
  /* row 10 - 11, column 1 -7 ie full width */
}
#lighter{
position: absolute;
top:473vw;
left: 45vw;
z-index: 1;
}
#ice {
  position: absolute;
  left: 12vw;
  top: 470vw;
  animation-name: iceChase;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  z-index: 2;
}
@keyframes iceChase {
  0% {left: 5vw;
    top:473vw;
    position: absolute;
    transform: scale(.7);
  }
  25% {left: 20vw;
    top: 478vw;
    position: absolute;
    transform: scale(1.5);
  }
  50% {left: 50vw;
    position: absolute;
    /* transform: rotate(180deg); */
    transform: scale(0.7);
  }
  75% {left: 30vw;
    top:460vw;
    position: absolute;
    transform: scale(0.2)rotate(180deg);
  }

  100% {left: 5vw;
    top:473vw;
    position: absolute;
    transform: scale(.7)rotate(360deg);
  }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#tit5{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
.vidBox5 {
  width: 72vw;
  margin: auto;
  grid-area: 11/2/12/6;
  /* row 11 - 12, column 2 -6 */
  z-index: 2;
}
/* make the video content responsive */
#videoID5{
width:100%; height: 100%; position: relative;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox6 {
  font-family: 'Saira Stencil One',sans-serif;
  font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
    height: 32vw;
  margin: auto;
  grid-area: 12/1/13/7;
  /* row 12 - 13, column 1 -7 ie full width */
}
#mri {
  position: absolute;
  left: 0vw;
  top: 567vw;
  animation-name: mriDance;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  z-index: 2;
}
@keyframes mriDance {
  0% {left: 0vw;
    top:567vw;
    position: absolute;

  }

  50% {left: 75vw;
    top:567vw;
    position: absolute;
    transform: rotate(360deg);
  }


  100% {left: 0vw;
    top:567vw;
    position: absolute;
  }
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#tit6{
  font-family: 'Saira Stencil One',sans-serif;
    font-size: 3vw;
  text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 72vw;
}
.vidBox6 {
  width: 72vw;
  margin: auto;
  grid-area: 13/2/14/6;
  /* row 13 - 14, column 2 -6 */
}
/* make the video content responsive */
#videoID6{
width:100%; height: 100%; position: relative;
}

#aside6L{
  position: absolute;
  top: 600vw;
  left:2vw;
  grid-area: 3/1/4/2;
  /* row 3 - 4, column 1 -2 */
  text-align: center;
    margin: auto;
      z-index:3000;
}
#aside6R{
  position: absolute;
  top: 600vw;
right:2vw;
  grid-area: 3/6/4/7;
  /* row 3 - 4, column 6 -7 */
  text-align: center;
    margin: auto;
      z-index: 2000;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
#spaceBox7 {
  font-family: 'Saira Stencil One',sans-serif;
  font-size: 3vw;
	text-shadow: 3px 3px 3px black;
  color: white;
  text-align: center;
  padding: 5px;
  width: 100vw;
  height: 10vw;
  margin: auto;
  grid-area: 14/1/15/7;
  /* row 13 - 15, column 1 -7 ie full width */
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ALL MODALS BELOW - look next to vidboxes for aside boxes///////////////////////  */


/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _1La (background) */
.modal_1La {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_1La-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_1LaHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_1Laclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_1Laclose:hover,
.modal_1Laclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_1La:hover {
  cursor: pointer;
}
#myModal_1LaBtn:hover {
  cursor: pointer;
}
.modal_1La-content:hover {
  cursor: default;
}
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */

/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _1Ra (background) */
.modal_1Ra {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_1Ra-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_1RaHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_1Raclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_1Raclose:hover,
.modal_1Raclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_1Ra:hover {
  cursor: pointer;
}
#myModal_1RaBtn:hover {
  cursor: pointer;
}
.modal_1Ra-content:hover {
  cursor: default;
}
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */

/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _1Rb (background) */
.modal_1Rb {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_1Rb-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_1RbHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_1Rbclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_1Rbclose:hover,
.modal_1Rbclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_1Rb:hover {
  cursor: pointer;
}
#myModal_1RbBtn:hover {
  cursor: pointer;
}
.modal_1Rb-content:hover {
  cursor: default;
}

/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _6La (background) */
.modal_6La {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_6La-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_6LaHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_6Laclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_6Laclose:hover,
.modal_6Laclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_6La:hover {
  cursor: pointer;
}
#myModal_6LaBtn:hover {
  cursor: pointer;
}
.modal_6La-content:hover {
  cursor: default;
}
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */

/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _6Ra (background) */
.modal_6Ra {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_6Ra-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_6RaHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_6Raclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_6Raclose:hover,
.modal_6Raclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_6Ra:hover {
  cursor: pointer;
}
#myModal_6RaBtn:hover {
  cursor: pointer;
}
.modal_6Ra-content:hover {
  cursor: default;
}
/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */

/* 0000000000000000000000XXXXXXXXXXXXXXX00000000000000000 */
/* The Modal _6Rb (background) */
.modal_6Rb {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.7);
  font-family: 'Allerta Stencil', sans-serif;
  color: white;
  font-size: 20px;
}

/* Modal Content/Box */
.modal_6Rb-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 20vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}
/* Modal HD Content/Box */
.modal_6RbHD-content {
  background-color: black;
  margin: auto;
  position: fixed;
  left: 12vw;
  top: 10vw;
  padding: 20px;
  width: 75vw;
  height: 75vh;
}

/* The Close Button */
.modal_6Rbclose {
  color: white;
  float: right;
  font-family: 'Allerta Stencil', sans-serif;
  font-size: 20px;
}

.modal_6Rbclose:hover,
.modal_6Rbclose:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
/* Make modal backgrounds show cursor:pointer */
#myModal_6Rb:hover {
  cursor: pointer;
}
#myModal_6RbBtn:hover {
  cursor: pointer;
}
.modal_6Rb-content:hover {
  cursor: default;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */



#fracturedSelvesButt{
  width:15vw;
  max-width: 220px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: fixed;
left:0vw;
  top: 4vw;
  width:12vw;
  max-width: 220px;
  z-index: 4000;
    font-family: 'Saira Stencil One', sans-serif;
    font-size: 2vw;
    margin: auto;
    text-align: center;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: relative;
/* left: 1vw; */
    min-width: 1em;
    background-color: rgba(0,0,0,0.6);
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.2vw;
    color: white;
    padding: 5px;
    text-decoration: none;
    border-bottom: 0.1vw solid white;
    z-index: 4000;
    width:9vw;
    max-width: 220px;
        text-align: center;
    /* margin: auto; */
    /* height: 7em; */
}
/* .dropdown-content2 {
    display: none;
    position: relative;
    right: 7vw;
    min-width: 1em;
    background-color: rgba(0,0,0,0.3);
    z-index: 20;
    width:10vw;
    max-width: 220px;
    text-align: left;
} */
/* Links inside the dropdown */
/* .dropdown-content2 a {
    background-color: rgba(0,0,0,0.6);
    font-family: 'Allerta Stencil', sans-serif;
    font-size: 1vw;
    color: white;
    text-decoration: none;
    border-bottom: 0.1vw solid white;
    display: block;
} */
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
/* Show the dropdown second menu on hover */
/* .dropdown-content:hover .dropdown-content2 {
    display: block;
} */

/* +++++++++++++++++++++++++++++++++++++++++++++++++ */