@import url('https://fonts.googleapis.com/css?family=Oswald:200,400');

*{margin: 0; font-family: "Oswald", sans-serif;
    
  }


body {
    font-family: "Oswald", sans-serif;
    color: #fff;
    width: 1366px;
    
}

header {
    background-image: url("../img/header.png");
    width:650px;
    font-family: "Oswald", sans-serif;
    color: darkgrey;
    font-size: 1rem;
    padding: 0;
    margin:0;
    width: auto;
    text-align: center;
    list-style-type: none;
    
}

header:hover{
  color: deeppink;
}

.menu i {
  padding: 1rem ;
}
.menu nav{
  display: none;
}

.menu nav ul{
  margin:0rem;
  padding: 0rem;
}

.menu nav ul li {
  list-style-type: none;
  background-color: gainsboro;
  text-align: center;
}

.menu nav ul li a {
  font-family: 'oswald', sans-serif;
  color: #484848;
  font-size: 0.9rem;
  padding: 1rem;
  display: block;
  text-decoration: none;
  color: #fff;
  justify-content: center;
}

.menu nav ul li a:hover{
  background: deeppink;
  color: #484848;
}

.fa-bars{
    color: deeppink;
}

.fa-bars:hover{
    color: deeppink;
}

.titulo {
    font-family: 'Oswald', sans-serif;
    color: deeppink;
    font-size: 4rem;
    text-align: center;
    padding: 0.50rem;
}


.subtitulo {
    font-family: 'Oswald', sans-serif;
    font-size: 200;
    color: #484848;
    font-size: 2rem;
    text-align: center;
    padding: 0.50rem;
}

.presentacion {
    font-family: 'Oswald', sans-serif;
    font-size: 200;
    color: white;
    font-size: 2rem;
    text-align: center;
    padding: 0.50rem;
    background-image: url("/tp/img/1.png")

    }


.funcion {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
  padding: 1rem 1rem 1rem 0;


}
.funcion img{
    size: 100%;

    }

@media (min-width: 60rem) {
.funcion{
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
    padding-left: 4rem;
	align-items: center;
	align-content: center;

 }

.pantallas {
    align-content: center;
    }

.btn-download {
    color: #fff;
    background: deeppink;
    text-decoration: none;
    padding: 0.5rem;
    margin: 40rem;
    border-radius: 0.3rem;
    
}

.btn-download:hover{
    font-family: "Oswald", sans-serif;
    color: #fff; 
    background: deeppink; 
    text-decoration: none;
    padding: 0.5rem;
    margin: 40rem;
    border-radius: 0.3rem;
    box-shadow: 0.5rem 0.5rem 1rem #000;
    
}


h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 200;
    color: deeppink;
    font-size: 2rem;
    text-align: center;
    padding: 0.50rem;

}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 200;
    color: #484848;
    font-size: 1rem;
    text-align: center;
    padding: 1rem 1rem 1rem 1rem;
}

.sistemasoperativos {
    margin-left: 38rem;
}


footer {
    height: 9rem;
    width: auto;
    background-image: url(../img/background.png);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: auto;
    
    
}


footer p{
    font-family: "Oswald";
    color: #fff;
    font-size: 0.7rem;
    padding: 4.5rem 0.5rem 0 0.5rem ;
    width: 100%;
    vertical-align: top;
    text-align: center;
    
}