@media (min-width: 1px) {
  .bodyhome{ /*get full screen minus footer*/
    height: 90%;
}
.background{
   background-image: url(../../../../../backend/resources/backgroundimg.jpg);
   height: 100%; /*full height of bodyclass*/

   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.background > h3 {
   position: absolute;
   margin-left: 2%;
   color: whitesmoke;
}
.background > ul {
   position: absolute;
   margin-top: 80px;
   margin-left: 1%;
   color: whitesmoke;
}
.bottom{
   margin-top: 100%;
}


}
@media (min-width: 500px) {
  .bodyhome{ /*get full screen minus footer*/
    height: 90%;
}
.background{
   background-image: url(../../../../../backend/resources/backgroundimg.jpg);
   height: 100%; /*full height of bodyclass*/

   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.background > h3 {
   position: absolute;
   margin-left: 2%;
   color: whitesmoke;
}
.background > ul {
   position: absolute;
   margin-top: 8%;
   margin-left: 2%;
   color: whitesmoke;
}
.bottom{
   margin-top: 43%;
}
}




  @media (min-width: 1000px) {
    .bodyhome{ /*get full screen minus footer*/
      height: 90%;
  }
  .background{
     background-image: url(../../../../../backend/resources/backgroundimg.jpg);
     height: 100%; /*full height of bodyclass*/

     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
  }

  .background > h3 {
     position: absolute;
     margin-left: 2%;
     color: whitesmoke;
  }
  .background > ul {
     position: absolute;
     margin-top: 4%;
     margin-left: 2%;
     color: whitesmoke;
  }
  .bottom{
     margin-top: 43%;
  }
}