* {
margin: 0;
padding: 0;
text-decoration: none;
color: white;
box-sizing: border-box;
}
html,
body {
height: 90%;
background-image: url('../img/fondo.jpg');
}
.beneficios {
font-size: large;
margin-left: 1rem;
}
#arriba {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
list-style-type: none;
position: inherit;
top: 0rem;
bottom: 0rem;
background-attachment: fixed;
}
li a {
display: inline-block;
}
#abajo {
width: 50%;
height: 100%;
margin: auto;
background-size: cover;
background-repeat: no-repeat;
list-style-type: none;
position: inherit;
top: 0rem;
bottom: 0rem;
background-attachment: fixed;
padding: 10px;
}
.festijazztitulo1 {
font-family: 'Montserrat', sans-serif;
;
}
nav ul {
background: #C77960;
text-align: center;
margin-top: 0;
margin-bottom: 3rem;
margin-left: -2.5rem;
}
nav ul li {
text-decoration: none;
list-style-type: none;
display: inline-block;
padding: 1rem;
align-content: center;
font-weight: 400;
text-align: center;
}
nav ul li a {
font-family: 'Montserrat';
font-weight: 400;
text-decoration: none;
font-size: 1rem;
text-align: center;
color: white;
background-color: #C77960;
padding: 1rem 2rem 1rem 2rem;
}
nav ul li a:hover {
color: #58595B;
background-color: #DFE0E1;
}
.download-up {
max-width: 80%;
padding-top: 6%;
margin-left: auto;
margin-right: auto;
}
.download-up caption {
color: white;
font-family: "Linotte Semi Bold";
font-weight: 500;
font-size: large;
margin-top: 2%;
}
#head-left {
position: absolute;
left: 5%;
}
#head-right {
position: absolute;
right: 5%;
background: linear-gradient(to right, #F4AB71, #E1595D);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
}
.mockup1 {
max-width: 100%;
min-width: 50%;
padding: 0;
}
.download-up-left img {
max-width: 80%;
padding-top: 50px;
}
.download-up-right {
max-width: 65%;
font-family: "Linotte Semi Bold";
vertical-align: text-top;
color: white;
}
.download-up-right section {
padding-top: 10%;
padding-left: 15%;
padding-right: 30%;
}
.download-up-right h1 {
font-size: 40px;
font-weight: 900;
letter-spacing: 15px;
}
.download-up-right p {
font-size: x-large;
font-weight: 500;
}
.download-up-right table td {
width: 50%;
}
.download-down {
max-width: 100%;
height: 100%;
padding-top: 10%;
padding-left: 2rem;
margin-right: auto;
}
.download-down-left {
vertical-align: text-top;
color: white;
font-family: 'Montserrat', sans-serif;
padding-right: 2rem;
}
.download-down-left h1 {
font-size: 60px;
font-weight: 900;
letter-spacing: 10px;
font-family: 'Montserrat'
}
.download-down-left p {
font-size: 20px;
margin: 5% 0% 0% 0%;
max-width: 80%;
font-family: 'Montserrat'
}
.download-down-right {
max-width: 100%;
min-width: 28rem;
color: white;
padding-right: 5%;
}
.download-down-right img {
max-width: 50%;
width: 100%;
min-width: 100%;
margin-top: -20%;
padding-left: 10%;
}
.store-image {
max-width: 90%;
max-height: 100%
}
.bigger {
border-radius: 5%;
border-style: solid;
border-color: black;
background-color: black;
}
.festijazztitulo {
font-family: "Montserrat";
}
.pie {
color: white;
11px;
font-family: "Montserrat";
padding: 20px 10px 20px 20px;
background-color: #333333;
text-align: center;
margin-top: 2rem;
}
.festijazz {
padding: 10% 5% 5% 5%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: flex-end;
max-width: 60%;
}
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@media screen and (max-width:1050px) {
.download-down-right img {
margin-top: -50%;
}
}
@media screen and (max-width:1050px) {
.download-down-right img {
margin-top: -90%;
}
}
@media screen and (max-width:710px) {
.download-down-right {
display: none;
}
}
@media screen and (max-width:710px) {
#smartphone1 {
display: none;
}
}
@media screen and (max-width:480px) {
#head-left {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
padding-top: 6px;
}
}
@media screen and (max-width:480px) {
#head-right {
font-size: 13px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 7px;
padding-right: 7px;
}
}
@media screen and (max-width:710px) {
.download-down-left p {
max-width: 100%;
text-align: center;
}
}
@media screen and (max-width:480px) {
.download-down-left p {
font-size: 15px;
}
}
@media screen and (max-width:710px) {
.download-down-left h1 {
max-width: 100%;
text-align: center;
}
}
@media screen and (max-width:710px) {
.download-up-right {
max-width: 100%;
text-align: center;
}
}
@media screen and (max-height:650px) {
.bajar {
margin-top: 15%;
}
}
@media screen and (max-width:710px) {
.download-up-right section {
padding-right: 15%;
}
}
@media screen and (max-width:710px) {
.pulpo {
max-width: 100%;
}
}
@media screen and (max-width:480px) {
.benefits {
font-size: 15px;
}
}