#background {
    position: absolute;
    background-color: black;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: 100;
}

#image {
    position: absolute;
    background-color: burlywood;
    background-image: url(../images/copy.JPG);
    background-repeat: no-repeat;
    background-size: contain;
    height: 57%;
    width: 60%;
    top: 26%;
    left: 20%;
    z-index: 103;
}

#Shield{
    position: absolute;
    background-image: url('../images/shieldnew.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 15%;
    width: 14%;
    top: 1%;
    left: 44.5%;
    z-index: 103;
  }

  #logo {
    position: absolute;
    color: white;
    font-size: 16pt;
    font-style: italic;
    font-weight: 400;
    top: 13%;
    width: 30%;
    left: 54.5%;
    z-index: 104;
  }

  #Icon1{
    position: absolute;
    background-image: url('../images/construction.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40%;
    width: 31.5%;
    top: 40%;
    left: 6%;
    z-index: 104;
  }
  
  #Icon2{
    position: absolute;
    background-image: url('../images/construction.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 40%;
    width: 31.5%;
    top: 40%;
    right: 6%;
    z-index: 104;
  }

  #header {
    position: absolute;
    color: red;
    font-size: 60pt;
    font-weight: 600;
    top: 25%;
    width: 30%;
    left: 40%;
    z-index: 104;
  }

  #text {
    position: absolute;
    color: white;
    font-size: 14pt;
    font-weight: 400;
    top: 45%;
    height: auto;
    width: 40%;
    left: 32%;
    z-index: 104;
  }