estilo.css

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

html, body {
  width: 100%;
  height: 100%;
}

body {
font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

strong, b{
  font-weight: 400;
}

h1,h2{
  font-weight: 700;
  text-shadow:1px 1px 0 #000;
    color: #edfff0;
}

h3,h4,h5,h6{
  font-weight: 600;
    color: darkgreen;
    
}


#mainNav {
  border-color: rgba(34, 34, 34, 0.05);
  background-color: white;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  transition: all .35s;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

#mainNav .navbar-toggler {
  padding: 8px 10px;
  color: #222222;
}

#mainNav .navbar-nav > li > a {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
  color: #fdcc52 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
  background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
  color: #222222;
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
  color: #fdcc52;
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255,255,255,0.5);
  }
  #mainNav .navbar-brand:hover, #mainNav .navbar-brand:focus {
    color: rgba(255,255,255,1);
  }
  #mainNav .navbar-nav > li > a,
  #mainNav .navbar-nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li > a:hover,
  #mainNav .navbar-nav > li > a:focus:hover {
    color: white;
  }
  #mainNav.navbar-shrink {
    border-color: rgba(34, 34, 34, 0.1);
    background-color: white;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #222222;
  }
  #mainNav.navbar-shrink .navbar-brand:hover, #mainNav.navbar-shrink .navbar-brand:focus {
    color: #fdcc52;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus {
    color: #222222;
  }
  #mainNav.navbar-shrink .navbar-nav > li > a:hover,
  #mainNav.navbar-shrink .navbar-nav > li > a:focus:hover {
    color: #fdcc52;
  }
}

header {
  position: relative;
  width: 100%;
  height:100vh;
  color: white;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%), url("https://i2.wp.com/administracionytransportes.cl/wp-content/uploads/Linea-5-Metro-Santiago-Chile.jpg?resize=800%2C445");
  background-size:cover;
  background-position: center center;
}

header .col{
  padding-top:500px;
}

section {
  padding: 100px 0;
}

footer {
  padding: 3rem 0 2rem 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(7, 8, 12,1);
  letter-spacing:1px;  
}

footer a{
  color:#edfff0;
}

div[class^="dataviz-"]{
  overflow-x:hidden;
}