.ProjectButton {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.1s ease-in-out;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  font-size: 1.5rem;
  height: 100%;
  width: 100%;
  line-height: 10px;
  padding: 0px 0px;
  padding-top: 65%;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  
  box-shadow: none;
  background-size: 100% 100%;
}

.center {
  border-radius: 8px;
/*  max-width: 100%;
  height: auto;
*/
  max-width: 100%;
  max-height: 80vh;    
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin-bottom: 50px; 
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.BladeCP {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/BladeCP.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    BladeCP:hover,
    .BladeCP:hover {
  background-image: url(../../images/ProjectThumbnails/BladeCP.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    BladeCP:hover:active,
    .BladeCP:hover:active {
  background-image: url(../../images/ProjectThumbnails/BladeCP.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

  .Gazebo {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/Gazebo.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    Gazebo:hover,
    .Gazebo:hover {
  background-image: url(../../images/ProjectThumbnails/Gazebo.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    Gazebo:hover:active,
    .Gazebo:hover:active {
  background-image: url(../../images/ProjectThumbnails/Gazebo.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

  .Basement {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/Basement.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    Basement:hover,
    .Basement:hover {
  background-image: url(../../images/ProjectThumbnails/Basement.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    Basement:hover:active,
    .Basement:hover:active {
  background-image: url(../../images/ProjectThumbnails/Basement.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

.UpstairsFlooring {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/UpstairsFlooring.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    UpstairsFlooring:hover,
    .UpstairsFlooring:hover {
  background-image: url(../../images/ProjectThumbnails/UpstairsFlooring.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    UpstairsFlooring:hover:active,
    .UpstairsFlooring:hover:active {
  background-image: url(../../images/ProjectThumbnails/UpstairsFlooring.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

.MasterBedroom {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/MasterBedroom.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    MasterBedroom:hover,
    .MasterBedroom:hover {
  background-image: url(../../images/ProjectThumbnails/MasterBedroom.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    MasterBedroom:hover:active,
    .MasterBedroom:hover:active {
  background-image: url(../../images/ProjectThumbnails/MasterBedroom.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}


.HallBathroom {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/HallBathroom.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    HallBathroom:hover,
    .HallBathroom:hover {
  background-image: url(../../images/ProjectThumbnails/HallBathroom.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    HallBathroom:hover:active,
    .HallBathroom:hover:active {
  background-image: url(../../images/ProjectThumbnails/HallBathroom.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

.CncLathe {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/CncLathe.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    CncLathe:hover,
    .CncLathe:hover {
  background-image: url(../../images/ProjectThumbnails/CncLathe.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    CncLathe:hover:active,
    .CncLathe:hover:active {
  background-image: url(../../images/ProjectThumbnails/CncLathe.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}

.UCCNCScreenEditor {
  background-image: linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%), url(../../images/ProjectThumbnails/UCCNCScreenEditor.png);
  opacity: 100%;}
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    UCCNCScreenEditor:hover,
    .UCCNCScreenEditor:hover {
  background-image: url(../../images/ProjectThumbnails/UCCNCScreenEditor.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}
    input[type="submit"]:hover:active,
    input[type="reset"]:hover:active,
    input[type="button"]:hover:active,
    UCCNCScreenEditor:hover:active,
    .UCCNCScreenEditor:hover:active {
  background-image: url(../../images/ProjectThumbnails/UCCNCScreenEditor.png), linear-gradient(135deg, rgb(206 27 40 / 40%) 0%, rgb(0 0 0 / 60%) 74%);}