@media  (max-width: 364px) {

   .tt{
  position: relative;
  margin: 10px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 10px;
}

.ct{
  background-color: #181818;
  border: 2.5px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 280px;
  position: relative;
  bottom: 40px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width:88px;
  position: relative;
  bottom: 75px;
}

.ll{
  padding-right: 6px;
}

.rr{
  padding-left: 6px;
}

.dos{
  position: relative;
  bottom: 25px;
}
  
.ds{
  width: 285px;
}
     
.zzz{
  position: relative;
  bottom: 12px;
}

            }


  @media (min-width:365px) and (max-width: 480px) {

  .tt{
  position: relative;
  margin: 10px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 12px;
}

.ct{
  background-color: #181818;
  border: 5px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 335px;
  position: relative;
  bottom: 40px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width:107px;
  position: relative;
  bottom: 73px;
}

.ll{
  padding-right: 8px;
}

.rr{
  padding-left: 8px;
}

.dos{
  position: relative;
  bottom: 20px;
}
  
.ds{
  width: 345px;
}
     
.zzz{
  position: relative;
  
}

            }


  @media (min-width: 481px) and (max-width: 620px) {

  .tt{
  position: relative;
  margin: 10px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 14px;
}

.ct{
  background-color: #181818;
  border: 10px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 430px;
  position: relative;
  bottom: 40px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width:140px;
  position: relative;
  bottom: 70px;
}

.ll{
  padding-right: 10px;
}

.rr{
  padding-left: 10px;
}

.dos{
  position: relative;
  bottom: 15px;
}
  
.ds{
  width: 450px;
}
     
.zzz{
  position: relative;
  top: 3px;
}

            }


  @media (min-width: 621px) and (max-width: 767px) {

 .tt{
  position: relative;
  margin: 10px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 16px;
}

.ct{
  background-color: #181818;
  border: 10px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 560px;
  position: relative;
  bottom: 25px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  position: relative;
  bottom: 50px;
  width:180px;
}

.ll{
  padding-right: 15px;
}

.rr{
  padding-left: 15px;
}

.dos{
  position: relative;
  top: 12px;
}
  
.ds{
  width: 580px;
}
     
.zzz{
  position: relative;
  top: 33px;
}

            }


  @media (min-width: 768px) and (max-width: 979px) {

  .tt{
  position: relative;
  margin: 10px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 17px;
}

.ct{
  background-color: #181818;
  border: 15px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 690px;
  position: relative;
  bottom: 10px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width: 224px;
  position: relative;
  bottom: 30px;
}

.ll{
  padding-right: 20px;
}

.rr{
  padding-left: 20px;
}

.dos{
  position: relative;
  top: 40px;
}
  
.ds{
  width: 720px;
}
     
.zzz{
  position: relative;
  top: 58px;
}

            }


  @media (min-width: 980px) and (max-width: 1199px) {

  .tt{
  position: relative;
  margin: 15px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 20px;
}

.ct{
  background-color: #181818;
  border: 25px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 870px;
  position: relative;
  top: 15px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width: 288px;
}

.ll{
  padding-right: 24px;
}

.rr{
  padding-left: 24px;
}

.dos{
  position: relative;
  top: 70px;
}
  
.ds{
  width: 920px;
}
     
.zzz{
  position: relative;
  top: 90px;
}

            }


  @media (min-width: 1200px) {

.tt{
  position: relative;
  margin: 15px;
  text-align: justify;
  line-height: 1.5;
  font-family: Arial;
  color: white;
  font-size: 20px;
}

.ct{
  background-color: #181818;
  border: 25px;
  border-style: solid;
  border-color: #181818;
  margin:auto;
  width: 1000px;
  position: relative;
  top: 15px;
}

#c div{
  position: relative;
  top: 45px;
  display: inline-block;
}

.col,
.ure,
.rob{
  width: 330px;
}

.ll{
  padding-right: 26px;
}

.rr{
  padding-left: 26px;
}

.dos{
  position: relative;
  top: 70px;
}
  
.ds{
  width: 1050px;
}
     
.zzz{
  position: relative;
  top: 90px;
}

        }