body {
  background-color: rgb(255, 255, 255);
  font: 400 16px/1.38 Tahoma;
  color: rgb(0, 0, 0);
}

/* Chrome, Safari, Opera */
@-webkit-keyframes up {
    from {-webkit-transform: rotateZ(0deg);}
    to {-webkit-transform: rotateZ(180deg);}
}

@keyframes up {
    from {transform: rotateZ(0deg);}
    to {transform: rotateZ(180deg);}
}

@-webkit-keyframes dn {
    from {-webkit-transform: rotateZ(180deg);}
    to {-webkit-transform: rotateZ(0deg);}
}

@keyframes dn {
    from {transform: rotateZ(180deg);}
    to {transform: rotateZ(0deg);}
}

.container-2 {
  width: 632px;
  height: 30px;
  margin: 5px auto 0;
  display: none;
}

.container-1,
.container-3 {
  width: 632px;
  height: 137px;
  margin: 5px auto 0;
  display: none;
}

.container-4 {
  width: 632px;
  height: 74px;
  margin: 5px auto 0;
  display: none;
}

.container-5 {
  width: 632px;
  height: 71px;
  margin: 5px auto 0;
  display: none;
}

.container-6 {
  width: 632px;
  height: 69px;
  margin: 5px auto 0;
  display: none;
}

.container-7 {
  width: 632px;
  height: 48px;
  margin: 5px auto 0;
  display: none;
}

.container-8 {
  width: 632px;
  height: 49px;
  margin: 5px auto 0;
  display: none;
}

.divarrowdn-1,
.divarrowdn-2,
.divarrowdn-3,
.divarrowdn-4,
.divarrowdn-5,
.divarrowdn-6,
.divarrowdn-7,
.divarrowdn-8 {
  float: left;
  width: 26px;
  height: 26px;
  margin: 15px 0 0 17px;
}

.divcountry-1,
.divinter-1,
.divmulti-1,
.divnumbers-1,
.divport-1,
.divrela-1 {
  width: 632px;
  height: 52px;
  margin: 10px auto 0;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.divzoip-1 {
  width: 632px;
  height: 52px;
  margin: 10px auto 0;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  display: none;
}

.divprovides-1 {
  width: 632px;
  height: 52px;
  margin: 50px auto 0;
  border: 1px solid rgb(0, 0, 0);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.image-1,
.image-2,
.image-3,
.image-4,
.image-5,
.image-6,
.image-7,
.image-8 {
  display: block;
  width: 25px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.text-1,
.text-2,
.text-3,
.text-4,
.text-5,
.text-6,
.text-7,
.text-8 {
  margin: 0 auto;
  color: rgb(0, 0, 0);
}

.txtcountry-1,
.txtinter-1,
.txtmulti-1,
.txtnumbers-1,
.txtport-1,
.txtprovides-1,
.txtrela-1,
.txtzoip-1 {
  float: left;
  margin: 10px 0 0 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  color: rgb(0, 0, 0);
}

.txttitle-1 {
  margin: 30px auto 0;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  color: rgb(0, 0, 0);
}

@media(max-width: 667px) {
  body {
    font-size: 14px;
  }

  .container-1,
  .container-2,
  .container-3,
  .container-4,
  .container-5,
  .container-6,
  .container-7,
  .container-8 {
    width: 500px;
    height: 139px;
  }

  .divarrowdn-1,
  .divarrowdn-2,
  .divarrowdn-3,
  .divarrowdn-4,
  .divarrowdn-5,
  .divarrowdn-6,
  .divarrowdn-7,
  .divarrowdn-8 {
    width: 21px;
    height: 21px;
    margin-top: 18px;
    margin-left: 13px;
  }

  .divcountry-1,
  .divinter-1,
  .divmulti-1,
  .divnumbers-1,
  .divport-1,
  .divprovides-1,
  .divzoip-1 {
    width: 500px;
  }

  .divrela-1 {
    width: 500px;
    height: 44px;
  }

  .image-1,
  .image-2,
  .image-3,
  .image-4,
  .image-5,
  .image-6,
  .image-7,
  .image-8 {
    width: 20px;
    height: auto;
  }

  .text-1,
  .text-2,
  .text-3,
  .text-4,
  .text-5,
  .text-6,
  .text-7,
  .text-8 {
    font-size: 14px;
  }

  .txtcountry-1,
  .txtinter-1,
  .txtmulti-1,
  .txtnumbers-1,
  .txtport-1,
  .txtprovides-1,
  .txtrela-1,
  .txtzoip-1 {
    margin-top: 13px;
    font-size: 16px;
  }

  .txttitle-1 {
    font-size: 24px;
  }
}

@media(max-width: 480px) {
  body {
    font-size: 12px;
  }

  .container-1,
  .container-2,
  .container-3,
  .container-4,
  .container-5,
  .container-6,
  .container-7,
  .container-8 {
    width: 400px;
    height: 117px;
  }

  .divarrowdn-1,
  .divarrowdn-2,
  .divarrowdn-3,
  .divarrowdn-4,
  .divarrowdn-5,
  .divarrowdn-6,
  .divarrowdn-7,
  .divarrowdn-8 {
    margin-top: 15px;
    margin-left: 11px;
  }

  .divcountry-1,
  .divinter-1,
  .divmulti-1,
  .divnumbers-1,
  .divport-1,
  .divprovides-1,
  .divzoip-1 {
    width: 400px;
    height: 44px;
  }

  .divrela-1 {
    width: 400px;
  }

  .image-1,
  .image-2,
  .image-3,
  .image-4,
  .image-5,
  .image-6,
  .image-7,
  .image-8 {
    height: auto;
  }

  .text-1,
  .text-2,
  .text-3,
  .text-4,
  .text-5,
  .text-6,
  .text-7,
  .text-8 {
    font-size: 12px;
  }

  .txtcountry-1,
  .txtinter-1,
  .txtmulti-1,
  .txtnumbers-1,
  .txtport-1,
  .txtprovides-1,
  .txtrela-1,
  .txtzoip-1 {
    margin-top: 12px;
    font-size: 14px;
  }

  .txttitle-1 {
    font-size: 20px;
  }
}

@media(max-width: 320px) {
  .container-1,
  .container-2,
  .container-3,
  .container-4,
  .container-5,
  .container-6,
  .container-7,
  .container-8 {
    width: 290px;
    height: 163px;
  }

  .divarrowdn-1,
  .divarrowdn-2,
  .divarrowdn-3,
  .divarrowdn-4,
  .divarrowdn-5,
  .divarrowdn-6,
  .divarrowdn-7,
  .divarrowdn-8 {
    width: 16px;
    height: 16px;
    margin-top: 17px;
    margin-left: 5px;
  }

  .divcountry-1,
  .divinter-1,
  .divmulti-1,
  .divnumbers-1,
  .divport-1,
  .divprovides-1,
  .divzoip-1 {
    width: 290px;
  }

  .divrela-1 {
    width: 290px;
    height: 66px;
  }

  .image-1,
  .image-2,
  .image-3,
  .image-4,
  .image-5,
  .image-6,
  .image-7,
  .image-8 {
    width: 15px;
    height: auto;
  }

  .txtcountry-1,
  .txtinter-1,
  .txtmulti-1,
  .txtnumbers-1,
  .txtport-1,
  .txtprovides-1,
  .txtzoip-1 {
    margin-left: 8px;
    font-size: 12px;
  }

  .txtrela-1 {
    font-size: 12px;
  }

  .txttitle-1 {
    font-size: 18px;
  }
}