@media screen and (max-width : 1550px) {
.pos1 {
    left: 100px;
    top: 690px;
}
.pos2 {
    left: 100px;
    top: 900px;
}
.pos3 {
    left: 320px;
    top: 900px;
}
}
@media screen and (max-width : 1470px) {
.caja1, .caja2, .caja3, .caja4 {
	position: inherit;
	float: right;
}
.caja2, .caja4 {
    margin-top: 16px;
    margin-right: 40px;
}
.caja1, .caja3 {
    margin-top: 40px;
    margin-right: 40px;
}
.caja4 {
    clear: both;
    width: 251px;
}
}
@media screen and (max-width : 1330px) {
.pos1 {
    left: 50px;
    top: 710px;
}
.pos2 {
    left: 50px;
}
.pos2, .pos3 {
    top: 920px;
}
.pos3 {
    left: 270px;
}
.caja-azul, .caja-blanca {
    margin-left: 50px;
}

}
@media screen and (max-width : 1250px) {
section div.fondo {
     margin-top: 125px;
}
.pos1 {
 top: 595px;
}
.pos3 {
 left: 50px;
 top: 1020px;
}
.pos2 {
 top: 810px;
}
.caja-azul {
 margin-top: 45px;
}
.origen {
    position: absolute;
    top: 155px;
    right: 310px;
}
/*.caja-blanca {
 top: 270px;
}*/
}
@media screen and (max-width : 1120px) {
.caja-azul, .caja-blanca {
    width: 230px;
}
.pos1, .pos2, .pos3 {
    position: inherit;
}
.pos1 {
	grid-column: 2;
}
section span {
	display: grid;
    grid-template-columns: 0.5fr repeat(3, auto) 0.5fr;
    grid-template-rows: 1fr;
    grid-auto-flow: row;
    justify-items: center;
    grid-gap: 60px;
}
section div.fondo {
    margin-bottom: 20px;
}
footer {
	margin-top: 20px;
}
body {
    background-color: #d8e4f2;
}
}
@media screen and (max-width : 930px) {
.caja-azul, .caja-blanca {
    width: 100%;
    float: inherit;
    margin-left: inherit;
}
.caja-azul {
	margin-left: 25px;
	margin-right: 25px;
	width: calc(100% - 100px);
}
.oculta {
    display: inherit;
    width: 100%;
}
section div.fondo {
    background: none;
    height: inherit;
	width: inherit;
}
.pagos {
    bottom: inherit;
    top: 135px;
    right: 100px;
}
.origen {
    top: 95px;
    right: inherit;
}
.caja-blanca {
    width: calc(100% - 100px);
    background-color: #fff;
    margin-right: 25px;
    margin-left: 25px;
}

}
@media screen and (max-width : 850px) {
section span {
    grid-gap: 30px;
}
}
@media screen and (max-width : 730px) {
.pos1, .pos2, .pos3 {
    width: 150px;
}
header img {
    margin-left: 30px;
    margin-top: 26px;
    width: 65%;
}
.telefono {
    font-size: 22px;
    margin-right: 30px;
}
.telefono img {
    width: 28px;
}
header a {
    font-size: 16px;
    margin-left: 38px;
}
}
@media screen and (max-width : 650px) {
.recuadro {
    font-size: 18px;
}
.pagos {
    font-size: 21px;
}
div.origen img {
	width: 90px;
}
}
@media screen and (max-width : 600px) {
header img {
    width: 211px;
}
}
@media screen and (max-width : 580px) {
.pos1 {
    grid-column: inherit;
}
section span {
    grid-template-columns: 1fr;
}
.pos1, .pos2, .pos3 {
    width: 240px;
}
}
@media screen and (max-width : 560px) {
.origen {
    top: 180px;
}
.recuadro {
    top: 160px;
    margin-right: calc(50% - 135px);
    margin-left: calc(50% - 135px);
    width: 220px;
    right: initial;
}
.pagos {
    top: 205px;
    margin-right: calc(50% - 111px);
    margin-left: calc(50% - 111px);
    width: 222px;
    right: initial;
}
}
@media screen and (max-width : 565px) {
footer {
    height: 170px;
    padding-top: 15px;
}
.caja1, .caja2, .caja3, .caja4 {
    margin-right: auto;
    margin-left: auto;
    width: 250px;
    margin-top: 10px;
    float: inherit;
}
header {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: 150px;
    grid-gap: 0px;
}
section div.fondo {
    margin-top: 150px;
}
.telefono {
    margin-top: inherit;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin-right: inherit;
    justify-self: inherit;
    justify-items: center;
    font-size: 19px;
}
header a {
    margin-left: inherit;
}
.telefono img {
    width: 25px;
}
.telefono div {
    margin-bottom: 8px;
}
.pagos {
	top: 95px;
}
.recuadro {
	top: 190px;
}
}
@media screen and (max-width : 510px) {


header a {
    display: initial;
}
}
@media screen and (max-width : 430px) {
.pagos {
	top: 55px;
}
.recuadro {
	top: 160px;
}
div.origen img {
    width: 70px;
}
.origen {
    font-size: 16px;
    margin-left: 0px;
    top: 120px;
}
}
@media screen and (max-width : 315px) {
.recuadro {
    top: 145px;
    font-size: 17px;
}
.pagos {
    top: 190px;
    font-size: 20px;
}
}