.container {
    margin: 0 auto;
    width: 90%;
    max-width: 75rem;
  }


@media only screen 
      and (min-device-width: 100px) 
      and (max-device-width: 319px) { 
.posicion {
position: relative; 
top: -2rem;
left: 40%;
width: 25%;
height: 25%;
}
}

@media only screen 
      and (min-device-width: 320px) 
      and (max-device-width: 479px){
.posicion {
position: relative; 
top: -2rem;
left: 40%;
width: 25%;
height: 25%;
}
}


@media only screen 
      and (min-device-width: 480px) 
      and (max-device-width: 767px){ 
.posicion {
position: relative; 
top: -4rem;
left: 35%;
width: 30%;
height: 30%;
}
iframe {
  height: 500;
}       
}

@media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1023px){
.posicion { 
position: relative; 
top: -3rem;
left: 35%;
width: 30%;
height: 30%;
}
}


@media screen 
      and (min-device-width: 1024px) 
      and (max-device-width: 1279px){ 
.posicion { 
position: relative; 
top: -4rem;
left: 35%;
width: 30%;
height: 30%;
}
}

@media screen 
      and (min-device-width: 1280px) 
      and (max-device-width: 1365px){ 
.posicion { 
position: relative; 
top: -4.5rem;
left: 35%;
width: 30%;
height: 30%;
}
}

@media screen 
      and (min-device-width: 1366px) 
      and (max-device-width: 1439px){ 
.posicion { 
position: relative; 
top: -5rem;
left: 37%;
width: 30%;
height: 30%;
}
}

/*mi lap*/
@media screen 
      and (min-device-width: 1440px) 
      and (max-device-width: 1599px){ 
.posicion { 
position: relative; 
top: -5rem;
left: 35%;
width: 30%;
height: 30%;
}
}


@media screen 
      and (min-device-width: 1600px) 
      and (max-device-width: 1920px){ 
.posicion { 
position: relative; 
top: -6rem;
left: 33%;
width: 30%;
height: 30%;
}
}
/*2048x1152 al 100%*/
@media screen 
      and (min-device-width: 1921px) 
      and (max-device-width: 2048px){ 
.posicion { 
position: relative; 
top: -6rem;
left: 35%;
width: 30%;
height: 30%;
}
}
/*2560x1600 al 100%*/
@media screen 
      and (min-device-width: 2049px) 
      and (max-device-width: 2560px){ 
.posicion { 
position: relative; 
top: -6rem;
left: 35%;
width: 30%;
height: 30%;
}
}

@media screen 
      and (min-device-width: 2561px) 
      and (max-device-width: 3200px){ 
.posicion { 
position: relative; 
top: -6rem;
left: 35%;
width: 25%;
height: 25%;
}
}
/*3840x2160 al 100%*/
@media screen 
      and (min-device-width: 3201px) 
      and (max-device-width: 3850px){ 
.posicion { 
position: relative; 
top: -5.5rem;
left: 37.5%;
width: 25%;
height: 25%;
}
}

/*4096x2160 al 100%*/
@media screen 
      and (min-device-width: 3851px) 
      and (max-device-width: 4096px){ 
.posicion { 
position: relative; 
top: -5rem;
left: 37.5%;
width: 25%;
height: 25%;
}
}