html,body {
    font-family: 'Open Sans', serif;
}
.hero-body .container {
    max-width: 700px;
}
.hero-body .title {
    color: hsl(192,17%,99%) !important;
}
.hero-body .subtitle {
    color: hsl(192,17%,99%) !important;
    padding-top: 2rem;
    line-height: 1.5;
}
.features {
    padding: 5rem 0;
}
.box.cta {
    border-radius: 0;
    border-left: none;
    border-right: none;
}
.card-image > .fa {
    font-size: 8rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #209cee;
}
.card-content .content {
    font-size: 14px;
    margin: 1rem 1rem;
}
.card-content .content h4 {
    font-size: 16px;
    font-weight: 700;
}
.card {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
    margin-bottom: 2rem;
}
.intro {
    padding: 5rem 0;
    text-align: center;
}
.sandbox {
    padding: 5rem 0;
}
.tile.notification {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#logo{
    height: 72px;
    margin-left:20px;
}
#imagenPrincipal{
    background-image: url("../img/transporte-1.jpg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    background-size: 100% 100%;
}
#loginButton{
    margin: 20px;
    width: 250px;
}
#header{
    padding-top: 3px;
}
.preguntas{
background-color: ##8BC6AF  !important ;
}
#quienesSomosContent {
    font-size: 20px;
}
#bodyContainer  {
    background-color: #f4f4f4;
    margin-top: 63px;
}
.divArticulo{
    margin: 0px auto;
}
.articulo{
    padding: 60px;
}
.footer{
    background-color: white !important;
}
.fotos{
    padding-bottom: 0px !important;
}
#funcionaArticle{
    margin-bottom: 20px;
}
#quienesSomosArticle{
    margin-top: 20px;
}
#contactoArticle{
    margin-top: 20px;
    margin-bottom: 20px;
}
.tittlePreguntas{
    font-size: 21px;
}
.accordions .accordion .accordion-header .toggle::before {
    top: 2px !important;
}


a.anchor {
    padding-top: 140px;
    margin-top: -140px;
    display: inline-block; /* required for webkit browsers */
  }