@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900');

html, body {
    margin: 0;
    padding: 0;
    font-family:'Roboto', sans-serif;
    max-width: 140rem}

header { 
    padding: 2rem;
    margin-bottom: 1rem;}

header img { 
    width: 8rem;}

header nav {
    display: inline-block;
    float: right;
    padding-top: 0.5rem;}

header nav a {
    color: #0A0A0A;
    text-decoration: none;
    margin-left: 3rem;}

header nav a:hover { 
    background: #52D1B8}

.principal .wrapper div{
    width: 49%;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;}

.principal {
    background-image: url(../img/FADU-BG.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 16rem;}

.principal .appstore, 
.principal .googleplay {
    display: inline-block;
    width: 49%;}

.principal .appstore img, 
.principal .googleplay img {
    display: inline-block;
    width: 70%;}

.principal .propuesta img {
    width: 100%;}

.principal .propuesta {
    display: block;
    padding: 0 4rem 5rem;}

.h1{
    text-align: center;
    font-size: 4rem;}

.descripcion{
    text-align: center;
    padding: 0 8rem 8rem 8rem;
    font-weight: 100;
    font-size: 1.2rem;}

.botonera div {
    display: inline-block;
    width: 28%;
    text-align: center;
    margin-bottom: 10rem;
    font-size: 2rem;
    font-weight: 500;
    padding: 0 1.5rem;
    vertical-align: top;}

.calendario {
    color: #4BB7A2}

.cursadas {
    color: #F8CFA1}

.paquetes {
    padding: 0 3rem;}

.wrapper {
    max-width: 1024px;
    margin: 0 auto;}

.pantallas div div div {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 10rem;}

footer {
    background: #383838; 
    padding: 35px 125px 35px 125px;
    position: relative; 
    color: #C6C6C6; 
    font-size: 0.8rem; 
    background-position: bottom;}