@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');


{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 2s;
}

body {
  font-family: 'PT Sans', sans-serif;
  background-color: #dfdfdf;
  margin:0;
}

/*versión móviles*/
.nav {
  list-style: none;
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	align-content: stretch;
  width: 100%;
  margin-left: 4rem;
}

.logo {
background-image: url(img/nsc.svg);
background-repeat: no-repeat;
}

.ingresar {
padding: 0 2.5rem;
font-size: 1rem;
margin: 0;
}

.ingresar p{
font-weight: bold;
}

.ingresar p a{
text-decoration: none;
color: #eb1347;
}

.social {
  top: 1rem;;
  right: 1rem;
  position: fixed;
}

.social ul{
  list-style: none;
}

.social ul li a{
 display: inline-block;
 text-decoration: none;
 padding: 0.8rem;
 margin: 0 0 1rem 1rem;
 color: #eb1347;
 font-size: 1.2rem;
}

.social ul li a:hover{
 color: #808080;
 border-bottom: 2px solid #fb12ac;
 font-size: 1.2rem;
}

.contenedor {
 max-width: 1280px;
 margin: auto;
}

section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.nsc {
background-color: #2e2e2e;
padding: 2rem;
}

.descarga {
  padding: 1rem;
}

.video-nsc {
  text-align: center;
margin: auto;
}

.video-nsc iframe{
  margin-top: 2rem;
  width:347px ;
  height:245px;

}

article ul{
  list-style: none;
  padding:0;
}

article img {
  max-width:280px;
}

h2{
  text-align: center;
  font-size: 1rem;
  color: #FBF5F3;

}

h3{
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
}

h4{
  text-align: center;
  font-size: 1rem;
  background: #252525;
  color: #FBF5F3;
}

h5{
  text-align: center;
  font-size: 1rem;
}
footer {
  text-align: center;
  font-size: 0.8rem;
  padding: 1rem;
  background: #DE3C4B;
  color: #FBF5F3;
  position: relative;
}

/*versión escritorio*/
@media screen and (min-width:768px) {



  .logo {
  background-image: url(img/nsc.svg);
  width: 6rem;
  height: 6rem;
  background-repeat: no-repeat;
  margin: auto;
 }

  .social {
    right: 10rem;
    }

    article img {
      max-width:500px;
    }

  .celular {
  background: #DE3C4B;
  padding: 1rem;
  }

  .nsc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
  }

  .descarga {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: stretch;
    margin-left: 4rem;
    margin-right: 4rem;
  }


  .video-nsc {
    text-align: center;
  margin: auto;
  }

  .video-nsc iframe{
    margin-top: 2rem;
    width:1070px ;
    height:750px;

  }

  h3{
    font-size: 2rem;
  }

  h4{
    font-size: 2rem;

  }

  h5{
    font-size: 2rem;
  }

}
}