@import url('https://fonts.googleapis.com/css?family=Special+Elite');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great|Frijole|Love+Ya+Like+A+Sister');
@import url('https://fonts.googleapis.com/css?family=Anton|Special+Elite');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Oswald');
/*
    font-family: 'Anton', sans-serif;
    font-family: 'Special Elite', cursive;
    font-family: 'Love Ya Like A Sister', cursive;
    font-family: 'Fredericka the Great', cursive;
    font-family: 'Frijole', cursive;
    font-family: 'Nanum Brush Script', cursive;
*/
body {
  padding-top: 60px;
}
  .flex-wrap {
    width: auto;
    height: 600px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    position: relative;
    align-items: center;
  }
  .flex-centered {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }

  .qp-color-bg {
    background: #0f7e9b;
  }

  .qp-color-tx {
    background: #92d7ef;
    color:white;
  }
  qp-color-h {
    background: #a2eae0;
  }
  qp-color-b {
    background: #e4e0dc;
  }
  qp-color-l {
    background: #f9acbb;
  }
.terminos {
  font-size: small;
}
.logo{
  /* A one-line comment */
  font-family: 'Anton', sans-serif;
  /*font-family: 'Fredericka the Great', cursive;*/
  /*font-family: 'Frijole', cursive;*/
  font-size: 1.5em;
}

.app-navbar {
  /* A one-line comment */
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
}

.banner{
  width: 100%;
  background: white;
}

  .media-img-top {
    height: 30vw;
    width: 100%;
    min-height: 250px;
    object-fit: cover;
  }



 .card-ecomerce {
    border: none;
    border-radius: 0px !important;
    font-size: 1em;
    color:black;
    background: white;
    font-family: 'Roboto', sans-serif;
  }

  .card-body-ecommerce{
    background: white;
  }

  .card-webpage {
    border: none;
    border-radius: 0px !important;
    font-size: 1em;
    background: transparent;
    font-family: 'Roboto', sans-serif;
  }

  .card-body-webpage{
    background: #fdfdfd;
    color:#000000;
  }

  .card-body-webpage h5{
    font-family: 'Oswald', sans-serif;
  }
  .card-body-webpage p{
    font-size:small;
  }

  .media-img-card {
    width: 100%;
    height: 15vw;
    border-radius: 0px !important;
    min-height: 150px;
    object-fit: cover;
  }

@media screen and (max-width: 767px) {
  .media-img-top {
    height: 50vw;
    width: 100%;
    min-height: 250px;
    object-fit: cover;
  }

  .media-img-card {
    width: 100%;
    height: 15vw;
    border-radius: 0px !important;
    min-height: 250px;
    object-fit: cover;
  }

  .card {
    background: transparent;
    border: none;
    color:white;
    width: 100%;
  }
}
.carousel-caption{
    font-family: 'Special Elite', cursive;
  font-size: 1em;
  color:black;
}

  .card-webpage {
    border: none;
    color:black;
  }
  .card-header {
    font-size: 3em;
    text-align: center;

  }
  .card-footer {
    text-align: center;

  }

footer{
  color: white;
  font-size: 1em;
}
footer h4{
    font-size: 1em;
}
footer a{
  color: white;
}
footer a:hover{
  color: white;
}

.navbar-top{
  background: #3d6277;
}

.footer-bottom{
  background: #000000;
  padding: 2em;
}
.footer-top{
  background: #2d4958;
}
.footer-middle{
  background: #000000;
  margin-top: 2em;
  padding-top: 2em;
  color: white;
}

.col-subnav a{
  padding: 1rem 1rem;
  color: white;
  font-weight: bold;
}
.col-subnav .active{
  border-top:5px solid orange;
 background: white;
  color: black;
}