*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h3{
  color: #FFF;
  
}
h4{
  color: #000;
}

h2{
  font-size: 48px;
}
p{
  font-size: 15px;
}

a{
  color: #fff
}
.description{
  max-height: 400px;
}



/*-------- hover plus --------*/
.hover-plus {
  position: absolute;
  top: 0%;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  z-index: 500;
  border-radius: 5px;
}

.hover-plus a {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  right: -40%;
  top: 78%;
  background-image: url('../icon/plus4.gif');
  background-repeat: no-repeat;
  background-size: cover;
  background-position:0 0;
  transition:background-position 150ms;
  transition: 0.3s ease-in-out;
  border-radius: 5px;
}

.hover-plus a:link, .hover-plus a:visited{
  background-position:0 0
 }
.hover-plus a:hover, .hover-plus a:active, .hover-plus a:focus{
  background-position:0 -50px;
}






/* ESPECIFICO PARA CONTENIDO PLANES                                
====================================================================================================== */
@media screen and (max-width: 200rem){
.col{width: calc(50% - 2rem);}
}
@media screen and (max-width: 120rem){
.col{ width: calc(50% - 2rem); }
.front,
.back{min-height: 400px;
}
@media screen and (max-width: 72rem){
.col{ width: 100%; margin: 2rem 6rem 2rem 6rem;}
}
@media screen and (max-width: 40rem){
.col{ width: 100%; margin: 0 3 3rem 0;}
.front,
.back{min-height: 480px;/*280px;*/
}
@media screen and (max-width: 28rem){
.col{ width: 100%; margin: 0 0 2rem 0;}
.front {min-height: 380px;/*280px;*/
}


/* #Tablet (Landscape)                                  1050 - 1340
====================================================================================================== */
@media only screen and (max-width: 1900px)/*  and (max-width: 1280px) */ {
  .description{
  overflow-y: auto;
  max-height: 320px;/* altura de la descripcion*/
  font-size: 0.8rem;
  letter-spacing: 1px;
  line-height: 1.4em;
  padding-right: 10px;
}

  }
/* #Tablet (Landscape)                                    768 - 959
===================================================================================================== */
@media only screen and (min-width: 781px) and (max-width: 1040px) {
body {overflow-x:hidden;}
.description{
  max-height: 280px;/* altura de la descripcion*/
  font-size: 14px;
}

}

/* #Tablet (Portrait) & Mobile - COMMON                             < 780 *
===================================================================================================== */
@media only screen and (max-width: 780px){
.description{
  max-height: 280px;/* altura de la descripcion*/
  font-size: 14px;
  line-height: 1.4em;
}
}

/*  #Mobile (Portrait)                                      < 480
=================================================================== */
@media only screen and (min-width: 382px) and (max-width: 479px) {
.description{
  max-height: 280px;/* altura de la descripcion*/
  font-size: 14px;
}
.nos{
  width: 88%;
}


}

/*  #Mobile (Portrait)                                      < 380
=================================================================== */
@media only screen and (max-width: 380px) { 
.description{
  max-height: 220px;/* altura de la descripcion*/
  font-size: 14px;
}
.nos{
  width: 88%;
}
h3{
  color: #FFF;
  
}
h4{
  color: #000;
}

h2{
  font-size: 28px;
}
p{
  font-size: 14px;
}
}

/*  #Mobile (Portrait)                                      < 370
=================================================================== */
@media only screen and (max-width: 370px) { 
.description{
  max-height: 280px;/* altura de la descripcion*/
  font-size: 12px;
  line-height: 1.4em;
}
.nos{
  width: 88%;
}
h2{
  font-size: 24px;
}
}


/*  #Mobile (Portrait)                                      < 340
=================================================================== */
@media only screen and (max-width: 340px) { 
.description{
  max-height: 220px;/* altura de la descripcion*/
  font-size: 12px;
  line-height: 1.4em;
}
.nos{
  width: 88%;
}
h2{
  font-size: 24px;
}
}