body {
  color: #ffffff;
  background: #64c5e5;
  background-image: none;
  font-family: proxima-nova-condensed, sans-serif;
  background-image: url('/images/bg.jpg');
  background-size: 100%;
  background-attachment: fixed;
}


.shadedarea {
  background-color: #3c235c;
  color: #ffffff;
   box-shadow: 10px 10px rgba(0,0,0,0.5);

}

.footer {

margin-top: -120px;
  padding-top: 20px;
  padding-bottom: 0px;
  display: inline-block;
  width: 100%;
  height: 300px;
  margin-bottom: -7px;
  
  pointer-events: none;

}
.footinner {

max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('/images/shirt.png'), url('/images/booker.png') , url('/images/prods3.png');
  background-size: auto 100%, 35% auto , auto 67%;
  background-position: bottom left, bottom, bottom right;
  background-repeat: no-repeat;
  height: 100%;
  
  pointer-events: none;
}


.logoimg {
  position: relative !IMPORTANT;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 500px;
  display: block;
  max-height: unset !important;
  padding-right: 0px !important;

}
.checkarea2 {

  text-align: left;
}

input[type="submit"],
input[type="reset"] {
  background-color: #7cbc03;
  border-radius: 10px;


}



.logo {
height: auto;
  z-index: -1;
  margin-bottom: -60px;
  position: relative;
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}

.btn {
  background-color: #94d40b;
}



.offsetleft-img {

position: static;
  display: block;
  height: auto;
  margin-left: 0;
  width: 50%;
  max-width: 350px;

}

.topright-img{


position: absolute;
  display: block;
  height: auto;
  margin-right: 0;
  width: 50%;
  max-width: 350px;
  right: 0;
  top: 0;
}
.topleft-img{

position: static;
  display: block;
  height: auto;
  margin-left: 0;
  width: 50%;
  max-width: 350px;

}
.bottomimagearea {

  height:220px;
position:absolute;
width: 100%;
bottom:0;
}
.botleft-img {

min-height: 100%;
  height: 100%;
  z-index: 0;
  max-width: 50%;
  }
  
  .botright-img{
  
min-height: 100%;
  height: 100%;
  z-index: 0;
  max-width: 50%;
  }

  .shadedarea {
border-radius: 0px;
}
input[type="submit"], input[type="reset"] {
  background-color: #0e79f2;
  border-radius: 0px;
  box-shadow: 8px 8px rgba(0,0,0,0.5);
  cursor: pointer;
}


@media only screen and (max-width: 700px) { 

.footer {
  height: 250px;
    margin-top: -104px;
    overflow-x: hidden;
}

.footinner {

width: 120%;
  margin-left: -17%;
  margin-right: auto;
  background-image: url('/images/shirt.png'), url('/images/booker.png') , url('/images/prods3.png');
  background-size: auto 100%, 35% auto , auto 67%;
  background-position: bottom left, bottom, bottom right;
  background-repeat: no-repeat;
  height: 100%;
}

}


@media only screen and (max-width: 400px) { 

.footer {
  height: 200px;
    margin-top: -74px;
    overflow-x: hidden;
}

.footinner {

width: 120%;
  margin-left: -17%;
  margin-right: auto;
  background-image: url('/images/shirt.png'), url('/images/booker.png') , url('/images/prods3.png');
  background-size: auto 100%, 35% auto , auto 67%;
  background-position: bottom left, bottom, bottom right;
  background-repeat: no-repeat;
  height: 100%;
}

}