@media (min-width: 768px) and (max-width: 1024px) { 
.img {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}
.img1 {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}

.imgcontent{
  padding-top:42px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:19px;
  text-align:center;   
  margin-left:-13px;
}

.imgcontent1{
  padding-top:56px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:7px;
  text-align:center;   
  margin-left:-5px;
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 13px;
  text-align: center;
  width: 100%;
  display: block;
  table-layout: fixed;
  overflow: auto;
}
#customers td, #customers th {
  border: 0px solid #ddd;
  padding: 15px;
}
#customers tr:nth-child(even){background-color:;}

#customers tr:hover {background-color:;}

#customers th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
  background-color:;
  color:black;
}
.backcolor{
  background-color:#ddd;
  color:black; 
  padding-left:16px; 
  border-collapse: separate;
  text-align: center; 
  border-spacing: 5px;
  background-size: 10px 10px;
}
.back{
  background-color:white;
  text-align: center;
  color:black; 
}
li{
  list-style-type: none;
  line-height:5.5em; 
  font-weight:700;
 /* font-weight: bold;  */
}


@media (max-width: 640px) {
 #img1{
      margin-left:0px;
      width:120%;
      text-align: center;
}
#img2{
    text-align:center;
    width:100%;
    margin-left:-11px;
}

#img3{
    text-align:center;
    width:125%;
    margin-left:-11px;
}

#img4{
    width:155%;
    margin-left:-11px;
}

#img5{
    width:125%;
    margin-left:-11px;
}

#img6{
    width:129%;
    margin-left:-11px;
}
#img7{
    width:79%;
    margin-left:-10px;
}

#img8{
    width:105%;
    margin-left:-2px;
}

#img9{
    width:150%;
    margin-left:-9px;
}
#img10{
    width:160%;
    margin-left:-9px;
}

   .img {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}
.img1 {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}

.imgcontent{
  padding-top:42px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:13px;
  text-align:center;   
  margin-left:-13px;
}

.imgcontent1{
  padding-top:56px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:12.5px;
  text-align:center;   
  margin-left:-5px;
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing: 13px;
  text-align: center;
  width: 100%;
  display: block;
  table-layout: fixed;
  overflow: auto;
}

#customers td, #customers th {
  border: 0px solid #ddd;
  padding: 15px;
}
#customers tr:nth-child(even){background-color:;}

#customers tr:hover {background-color:;}

#customers th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
  background-color:;
  color:black;
}
.backcolor{
  background-color:#ddd;
  color:black; 
  padding-left:16px; 
  border-collapse: separate;
  text-align: center; 
  border-spacing: 5px;
  background-size: 10px 10px;
}
.back{
  background-color:white;
  text-align: center;
  color:black; 
}
li{
  list-style-type: none;
  line-height:5em; 
  font-size:15.2px;
  font-weight: bold;  
}



@media (min-width: 320px) and (max-width: 480px) {
#img1{
      margin-left:-18px;
      width:100%;
      text-align: center;
}
#img2{
    text-align:center;
    width:100%;
    margin-left:-11px;
}

#img3{
    text-align:center;
    width:125%;
    margin-left:-11px;
}

#img4{
    width:155%;
    margin-left:-11px;
}

#img5{
    width:125%;
    margin-left:-11px;
}

#img6{
    width:129%;
    margin-left:-11px;
}
#img7{
    width:79%;
    margin-left:-10px;
}

#img8{
    width:105%;
    margin-left:-2px;
}

#img9{
    width:150%;
    margin-left:-9px;
}
#img10{
    width:160%;
    margin-left:-9px;
}

   .img {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}
.img1 {
  position: relative;
  color:black;
  margin: auto;
  padding: 0;
  top:0;
  display: flex;
}

.imgcontent{
  padding-top:42px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:1px;
  text-align:center;   
  margin-left:-13px;
}

.imgcontent1{
  padding-top:56px;
  font-family: "Crimson Text";
  position: absolute;
  color:white;
  font-size:2.5px;
  text-align:center;   
  margin-left:-5px;
}

#customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  /*border-collapse: collapse;*/
  border-collapse: separate;
  border-spacing:5px;
  text-align: center;
  width: 100%;
  display: block;
  table-layout: fixed;
  overflow: auto;

}
#customers td, #customers th {
  border: 0px solid #ddd;
  padding: 5px;
}
#customers tr:nth-child(even){background-color:;}

#customers tr:hover {background-color:;}

#customers th {
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  background-color:;
  color:black;
}
.backcolor{
  background-color:#ddd;
  color:black; 
  padding-left:16px; 
  border-collapse: separate;
  text-align: center; 
  border-spacing: 5px;
  background-size:8px 8px;
}
.back{
  background-color:white;
  text-align: center;
  color:black; 
}
li{
  list-style-type: none;
  line-height:0em; 
  font-size:3.2px;
  font-weight: bold;
  max-width:20px;   
}