@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,700,700i');

body {font-family: 'https://fonts.googleapis.com/css?family=Titillium+Web:300', sans-serif; margin: 0 ; background-color: #f2e4d5}

header {background-color: #FAD0A2; padding: 1rem;}
header ul { list-style-type: none; margin:0; padding:0;position: relative; float: right; right: 30%; line-height: 4rem; font-size: 1rem;}
header ul li { display: inline; } 
header img { width: 12rem;}

header img, header nav {display: inline-block;vertical-align: middle;}
header nav a { text-decoration: none; color: black; padding: 2.4rem 2rem;font-family: 'Titillium Web', sans-serif;font-weight: 900;}
header nav a:hover {color:#ffffff }

header nav {padding-left: 2rem;}

section { height: 30rem; width: 80%; padding-left: 10%; padding-right: 10%; }
article div h1 {color: #4CB7A2;font-size: 1.5rem;font-family: 'Titillium Web', sans-serif;font-weight: 600;}
article div h2 {font-weight: 300; font-size: 1.1rem;font-family: 'Titillium Web', sans-serif;}
article div h3 {font-size: 1.2rem;font-family: 'Titillium Web', sans-serif; font-weight: 700;}

.app-img img { width:100%;}
.app-img {width: 55%; float: left;}
.app-text {width: 40%; float: right; padding-left: 1rem; }
.dowload-icons img { width: 49%;}
.segunda {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;
padding: 4rem 6rem 0rem;font-size: 1.2rem;color: #ffffff;height: 100%; text-align: center; }
.segunda article {margin: 0rem 1.2rem 0rem 1.2rem; }

article p {background-color: black;padding: 0.7rem;text-align: center;font-family: 'Titillium Web', sans-serif;font-weight: 700;}
h1 {color: black; font-weight: 300; font-size: 1rem;font-family: 'Titillium Web', sans-serif;font-weight: 300;}


.tercera {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;text-align: center;height: 100%;display: flex;align-items: flex-start;flex-direction: row;flex-wrap: nowrap; padding-top: 4rem;}

.tercera .text {margin-right: 10%;}
.tercera .text-comprobante {text-align: left;}

footer { font-size:0.7rem;text-align: center;height: auto;font-family: 'Titillium Web', sans-serif;font-weight:300; background:#FAD0A2; padding: 1rem; margin-top: 4rem;}
footer .titulo {font-size: 0.9rem; font-weight: bold;}
footer p {margin: 0rem;}