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

}


@media only screen and (max-width: 1170px) {
    
    .wrapper, footer {
        width: 860px;
    }

    #video iframe {
        height: 500px;
    }
}


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

}


@media only screen and (max-width: 1120px) {
    
    .caja {
        margin-bottom: 15px;
    }
}


@media only screen and (max-width: 1024px) {
    
    .wrapper, footer {
        width: 800px;
    }

	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 38px;
	}
    
    .caja {
        margin-bottom: 0px;
    }

    #video iframe {
        height: 400px;
    }

}


@media only screen and (max-width: 940px) {
    
    .wrapper, footer {
        width: 640px;
    }

	h1 {
		font-size: 36px;
	}

    .col-dos {
	    flex: 100%;
	}
    
    .derecha {
        order: 1;
    }
    
    #app1 {
        order: 2;
        margin-top: 30px;
    }
    
    .izquierda {
        order: 3;
    }
    
    #app2 {
        order: 4;
        margin-top: 30px;
        padding-bottom: 60px;
    }
    
    #caracteristicas {
        padding: 0;
    }

    #video iframe {
        height: 300px;
    }
    
    #video, #descarga, #caracteristicas, #contacto {
        padding-top: 60px;
    }
    
    .caja1, .caja2, .caja3, .caja4 {
        margin: 30px 0;
    }  
}


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

    #inicio, #contacto {
        background-attachment: scroll;
    }
    
    .wrapper, footer {
        width: 560px;
    }

	h1 {
		font-size: 34px;
		line-height: 1.6;
	}

	h2 {
		font-size: 32px;
	}
    
    h3 {
		font-size: 24px;
        padding-bottom: 60px;
	}

	.caja1, .caja2, .caja3, .caja4 {
		margin-left: 0px;
		padding: 0px;
		text-align: center;
	}

  	.cajamenu {
  		display: none;
  		top: 60;
  		margin: 6px;
  		padding-top: 4px;
  	}

  	.menuicon {
  		display: block;
  	}

    #video iframe {
        height: 200px;
    }
    
    #inicio .boton, #descarga .boton {
        margin: 10px;
    }
    
    #descarga center:nth-of-type(2) img {
        width: 90%;
    }

	.app1 {
        order: 2;
		display: block;
        padding-top: 40px;
	}

	.app2 {
		width: 80%;
	}
    
    .caja1, .caja2, .caja3, .caja4 {
        display: block;
    }
    
    .caja1 img, .caja2 img, .caja3 img, .caja4 img {
        margin-right: 0;
    }
    
    .caja1 div, .caja2 div, .caja3 div, .caja4 div {
        margin: 10px;
    }
    
    footer center {
        float: none;
        display: block;
    }
    
    footer p {
        text-align: center;
    }
}

@media only screen and (max-width: 690px) {
    
    .wrapper, footer {
        width: 420px;
    }
    
    h2 {
        line-height: 1.2;
    }
    
    h3 {
        padding-bottom: 40px;
	}
}

@media only screen and (max-width: 560px) {
    
    .wrapper, footer {
        width: 320px;
    }
}

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


@media only screen and (max-width: 340px) {
    
    .wrapper, footer {
        width: 200px;
    }
}


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


}


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