.embed-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
.16by9 {
    padding-bottom: 56.25%;
}
.4by3 {
    padding-bottom: 75%;
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* CSS general
.mi-iframe {
  width: 100px;
  height: 50px;
} */
	.mi-iframe {
		border-radius: 1.5em;
		border: 0;
		display: inline-block;
		position: relative;
	}


/* CSS pantallas de 320px o superior */
@media (min-width: 320px) {

  .mi-iframe {
    width: 380px;
    height: 250px;
  } 

}

/* CSS pantalla 768px o superior */
@media (min-width: 768px) {

  .mi-iframe {
    width: 700px;
    height: 450px;
  } 

}