body {font-family: 'din', sans-serif;text-align: center;line-height: 45%;} 
body header h1 {background: #ffffff; text-decoration: underline; font-family:'Din', sans-serif; color: white; padding-bottom: 1%; padding-top: 1%;}

header {
  background: black;
 }
nav {padding-bottom: 1%; padding-top: 1%; margin-bottom: 1%}
nav ul li {list-style-type:none;  display:inline;padding:0 30px;}
nav ul li a {color: #ffffff; text-decoration: none;}

nav ul li a: {color: white; text-decoration: none;}

imgf {width: 10%; height: auto;}
footer {text-align: center;background: black; padding-bottom: 1.5%; padding-top: 2%; color: white;}
main {text-align: center;background-color: #FF6F8C; padding-top: 0.2%;}

fondo {width: 100%}
h1 {font-family: 'Din', sans-serif;font-weight: 700; font-size:3rem;color: #ffffff}
h2 {font-family: 'Din', sans-serif;font-weight: 700; font-size:2rem;line-height:10%;color: white}
h3 {font-family: 'Din', sans-serif;font-weight: 400; font-size:1rem;line-height:10%;color: white}
h4 {font-family: 'Din', sans-serif;font-weight: 400; font-size:1rem;line-height:10%;color: #ffffff}
a {color: white}



.columcar{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
    padding-left: 20%;
    padding-right: 20%;
    color: white}


.columcar article p {line-height: 1.2rem;padding-left: 2%;padding-right: 2%;max-width: 15rem;}

.columfadu {	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: space-between; padding-left: 30%;padding-right: 30%;}

.columfadu article p {line-height: 1.2rem;padding-left: 2%;padding-right: 2%;max-width: 15rem;color: #ffffff}

.func {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;  padding-left: 20%;padding-right: 20%;
    {color: white;line-height: 25%;font-size:16rem;}
}
.func img {width: 300px;height: auto;}
.func article p {line-height: 2.4rem;max-width: 30rem;color: white;text-align: left;font-size:2rem}
.derecha {margin-right: auto }
.izquierda {margin-left: auto}

.enlace {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    align-content: stretch;  padding-left: 45%;padding-right: 5%;
}

.legales {color: white;line-height: 25%;font-size:0.8125rem; }

.prin {padding-bottom: 9%; padding-top: 7%;background-color: transparent}
.carac {background: #FF848C;padding-top: 2%; padding-bottom: 2%;}
.coment {padding-top: 2%; padding-bottom: 2%;}
.pagina {max-width: 80rem;margin:0auto;}
.funcion {background: #FF9B8C;padding-top: 2%; padding-bottom: 2%;}
.descar {background: #FFAF8C;padding-top: 2%; padding-bottom: 2%;}
.imag1 {width: 113px; height: auto;}
.arriba {width: 20px; height: auto;}
.imag2 {width: 100px; height: auto;}
.comentari {color: #ffffff}
.pantdesc {width: 55%; height: auto;}
.volver {color: black;}

.botondescarga {
    
    background-color: black;
    padding-top: 1%; padding-bottom: 1%; padding-left: 1.5%; padding-right: 1.5%;
    margin: 1%;
    color: #ffffff;
    border-radius: 18px 18px 18px 18px;
    text-decoration: none;
    box-shadow: 2px 2px 15px black;
    transition-duration: 0.4s;
}


font-family: 'din', sans-serif;
font-family: 'din', sans-serif;