#intro {
  background: url("../img/Primaria_Edificio.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

#about-FirstItem {
  background: linear-gradient(to right, rgba(137, 210, 255, 0.7), rgba(137, 194, 255, 0.7))
    , url("../img/lab1.jpg") no-repeat center center;
  background-size: cover;
}

#about-SecondItem {
  background: linear-gradient(to right, rgba(236, 155, 155, 0.7), rgba(207, 130, 130, 0.7)) 
    , url("../img/Primaria_Edificio.jpg") no-repeat center center;
  background-size: cover;
}

#about-ThirdItem {
  background: linear-gradient(to right, rgba(132, 226, 117, 0.7), rgba(90, 191, 74, 0.7)) 
    , url("../img/inicial-patio.jpg") no-repeat center center;
  background-size: cover;
}

.text-black {
  color: black;
}

.top-nav-collapse {
  background-color: #3949ab !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

.titulo {
  margin-top: 4px;
  margin-left: 22px;
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

.hm-gradient .full-bg-img {
  background: rgba(42, 27, 161, 0.7);
  background: linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
}

#pricing .lead {
  opacity: 0.7;
}

#pricing .card-image {
  background: url("../img/architecture.jpg") no-repeat center center;
}

#pricing .card-image-inicial {
  background: url("../img/card-inicial.jpg") no-repeat center center;
}

#pricing .card-image-primaria {
  background: url("../img/card-primaria.jpg") no-repeat center center;
}

#pricing .card-image-secundaria {
  background: url("../img/card-secundaria.jpg") no-repeat center center;
}

#pricing ul li {
  font-size: 1.1em;
}

.a-form{
  color: white;
  text-decoration: underline;
}
.a-form:hover{
  color: #9EB3FF;
}

.contacto a{
  color:#E5EBFF;
}

#gform {
    height: 1950px;
    width: 100%;
    border: none;
}

.text-right {
  text-align: right;
}

@media only screen and (max-width: 479px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .titulo {
    font-size: 17px !important;
    margin-left: 0px !important;
  }

  .imglogo {
    width: 30px;
  }

  .language-flags {
    width: 200px;
  }
}

@media only screen and (min-width: 480px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }

  .titulo {
    font-size: 17px !important;
    margin-left: 0px !important;
  }

  .imglogo {
    width: 30px;
  }

  .language-flags {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .language-flags {
    width: 250px;
  }
}

@media only screen and (min-width: 1024px){
 
}

@media only screen and (min-width: 1200px){}