body{font-family: 'Roboto', sans-serif; background: url(../img/landing-bg.png) repeat; display: none; font-weight: 300; font-size: 12px; padding-top:20px}
h1{font-size: 2.2em; margin: 10px 0}
h2{margin-bottom: 10px; color:#FFFFFF}
h3{font-weight: 400; margin-bottom: 10px}
p{line-height: 1.4em}




.btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .btn-8,.btn-agregar, .btn-agregar-gris, .btn-comprar, .btn-gris{background: #81c8fb; padding: 14px 28px; border:0; border-radius: 30px; color: #000; font-weight: 600; width:350px ; display: inline-block; }
.btn-2:hover{color: #000; background: #b8def9}

.btn-3{background: #008080; color: #FFF}
.btn-3:hover{background: #CCC; color: #FFF}
.btn-4{background: #FC8603; color: #000}
.btn-4:hover{background: #FFB871; color: #000}
.btn-5{background: #F0F000; color: #000}
.btn-5:hover{background: #FFFF84; color: #000}
.btn-6{background: #40a4c9; color: #000}
.btn-6:hover{background: #2a8aad; color: #000}
.btn-7{background: #CCCCCC; color: #000}
.btn-7:hover{background: #666666; color: #000}
.btn-8{background: #FF0066; color: #000}
.btn-8:hover{background: #FF66CC; color: #000}






/* de menos de 1280px*/
@media only screen and (max-width: 1279px) {

	.logo{width: 200px}

}

/* de menos de 1024px*/
@media only screen and (max-width: 1023px) {

	.logo{width: 115px}


}

/* de menos de 768px (480)*/
@media only screen and (max-width: 767px) {
	body{font-size: .9em}
	.logo{padding-left: 25px; width: 190px}
}





/* de menos de 480px, minimo 320px (320)*/
@media only screen and (max-width: 479px) {

	.logo{padding-top: 2px; width: 180px;}

}