* {
  box-sizing: border-box;
}

div	{
margin: auto;
}
body {
  background-image: url("images/resist-wallpaper-800w.jpg");
	text-align: center;
	margin: auto;
}
a:hover {
	color:white;
	font-size: 15px;
	text-align: center;
		text-shadow: 0px 4px 15px white;
}

#imagediv1:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv2:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv3:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv4:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv5:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv6:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv7:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv8:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv9:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;box-shadow:0px 0px 0px 1px white;
}
#imagediv10:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv11:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
#imagediv12:hover{
outline: 3px solid black;
outline-offset: -3px;
box-shadow:0px 0px 0px 1px white;
}
.backgroundspace {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.theGRID {
  display: grid;
	/* margin-top: 5vh; */
  position: fixed;
  top:150px;
  left: 150px;
	align-items: center;
  justify-content: center;
	 grid-template-columns: repeat(4, minmax(10px, 160px));
	grid-template-rows: repeat(4, minmax(6px, 1fr));
	column-gap: 6px;
	grid-row-gap: 6px;
}
.grid-item {
}
.gridVideo {
	grid-area:2/2/4/4;
    z-index: 1;
}
#gradientz{
   background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.5),rgba(0,0,0,0.8),rgba(0,0,0,0.5),rgba(0,0,0,0.85),rgba(0,0,0,.9));
position: absolute;
top: 0px;
   height: 100vh;
   width: 100vw;
    z-index: -999;
  }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  #sideArch{

align-items: center;
    justify-content: center;
    position: absolute;
height: 700px;
  left:0px;
  /* top: 150px; */
  top: 50px;
      z-index: -1;
  }
    /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  #backBut{
      position: fixed;
            z-index: 2000;
            top: 55px;
            left:665px;
              width:130px;
              max-width: 220px;
  }
  #homeBut{
    position: fixed;
          z-index: 2000;
          top: 688px;
          left:665px;
            width:130px;
            max-width: 220px;
  }
  #tit{
      position: fixed;
            z-index: 2000;
            top: 150px;
            left:60px;
              width:34.5px;
  }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */
  #fightback{
    width:175px;
    /* max-width: 220px; */
  }

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: fixed;
  left: 850px;
    top: 330px;
    width:12vw;
    max-width: 220px;
  		z-index: 2020;
      font-family: 'Saira Stencil One', sans-serif;
      font-size: 1.5em;
      margin: auto;
  }
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
      display: none;
      position: relative;
      background-color: rgba(0,0,0,0.6);
      font-family: 'Allerta Stencil', sans-serif;
      font-size: 15px;
      color: white;
      text-decoration: none;
      border-bottom: 1px solid white;
      z-index: 20;
      width:150px;

  }
  .dropdown-content2 {
      display: none;
      position: relative;
      right: 100px;
      background-color: rgba(0,0,0,0.3);
      z-index: 20;
      width:150px;
      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: 15px;
      color: white;
      text-decoration: none;
      border-bottom: 1px 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;
  }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++ */