.col-1{
   float:left;
   height:auto;
   box-sizing:border-box;
   width: 10%;
}
.col-2{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 20%;
}
.col-3{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 30%;
}
.col-4{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 40%;
}
.col-5{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 50%;
}
.col-6{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 60%;
}
.col-7{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 70%;
}
.col-8{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 80%;
}
.col-9{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 90%;
}
.col-10{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 100%;
}



.col-33{
  float:left;
  height:auto;
  box-sizing:border-box;
  width: 33.33%;
}





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

.cont-serv
{
	flex-direction:row;
}

}







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

.col-33
{
  width: 100%;
}

.col-5
{
  width: 100%;
}

}