/* reserved for title */
  .bannerimg {
    width: 250px;
    margin-top: 251px;
    z-index: 2;
    transform: rotate(349deg);
-webkit-transform: rotate(349deg);
-moz-transform: rotate(349deg);
  }

  /* reserved for navigation */
  .navimg {
    display: flex;
    width: 244px;
    left: 20%;
    bottom: 30px;
    z-index: 1;
    position: relative;
    transform: rotate(364deg);
-webkit-transform: rotate(364deg);
-moz-transform: rotate(364deg);
  }
  .navimg2{
    width: 321px;
    top: 41%;
    left: -6%;
    z-index: 1;
    margin-right: 1330px;
    margin-bottom: 36px;
    position: fixed;
    transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
  }
  .navimg3 {
    width: 152px;
    top: 673px;
    left: 31px;
    position: fixed;
    margin-bottom: 36px;
    z-index: 2;
    transform: rotate(349deg);
-webkit-transform: rotate(349deg);
-moz-transform: rotate(349deg);
  }
  .navimg4{
    width: 321px;
    top: 64%;
    left: -9%;
    z-index: 1;
    margin-left: 50px;
    margin-bottom: 36px;
    position: fixed;
    transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
  }
  .navimg5 {
    width: 152px;
    top: 751px;
    left: 114px;
    position: fixed;
    margin-bottom: 36px;
    z-index: 2;
    transform: rotate(349deg);
-webkit-transform: rotate(349deg);
-moz-transform: rotate(349deg);
  }

.invcard {
  padding: 15px;
  margin-top: -34px;
  position: relative;
  
  }

  .invcard-img5 {
    width: 236px;
    bottom: -162%;
    right: -5%;
    position:absolute;
    z-index: 1;
    transform: rotate(362deg);
-webkit-transform: rotate(362deg);
-moz-transform: rotate(362deg);
  }

@media only screen and (min-width: 1000px) {
.navimg2 {margin-left:220px; left: -188px;}
.navimg3 {margin-left:321px; left: -188px;}
.navimg4 {margin-left:105px;left: -83px;}
.navimg5 {margin-left:321px; left: -115px;}
.navimg {align-items: center; justify-content: center;}
}

@media only screen and (max-width: 1000px) {
.navimg {left:-46px;}
}

@media only screen and (max-width: 500px) {
.navimg2 {margin-left:179px; left: -263px;width:250px;top:52%}
.navimg3 {margin-left:319px; left: -329px;top:78%}
.navimg4 {margin-left:105px; left: -263px;width:250px;top:55%;left:-215px }
.navimg5 {margin-left:321px; left: -329px;top:78%}
.navimg {align-items: center; justify-content: center;width:100px;top:-2%;left:-31%}
.bannerimg {width:44%}
}