body {
  color: rgb(33, 37, 41);
}

/* FONDO MOVIL */

#base {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/Azul_Movil.jpg") center / cover no-repeat;
}

/* END FONDO MOVIL */

@media (min-width: 768px) {
  #base {
    background: url("../../assets/img/Azul.jpg") center / cover no-repeat;
  }
}

/* END FONDO WEB */

.navbar-light .navbar-brand {
  background: url("../../assets/img/ArtUep.png") center / 80% no-repeat;
  width: 150px;
  height: 60px;
}

#navcol-1 {
  font-size: 12px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: capitalize;
}

#side-menu {
  background: #030303;
  color: #fff;
}

#side-menu .nav-link {
  color: #b1aeb3;
}

.close {
  color: #0000;
  text-shadow: 0 1px 0 #fff;
}

/* END MENU */

#tittle {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

@media (min-width: 768px) {
  #tittle {
    font-size: 70px;
    margin-top: 100px;
  }
}

#subtittle {
  font-size: 18px;
  font-family: Montserrat, sans-serif;
  color: rgb(53,45,84);
}

.p-info {
  font-size: 12px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .p-info {
    font-size: 20px;
    font-weight: 600;
  }
}

#base-bottom {
  color: #09005e;
}

.p-top {
  font-size: 12px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .p-top {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
  }
}

.p-bot {
  font-size: 14px;
}

.plus-button {
  background: rgba(93,89,109,0.54);
  border: 1px solid rgb(0,121,252);
  border-radius: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.plus-button a {
  color: #fff;
  list-style: none;
}

.plus-button a:hover {
  text-decoration: none;
}

.plus-button:hover {
  background-color: rgba(8,0,94,0.15);
}

.btn.btn-link.btn-block.arrow-button {
  color: rgb(81,96,125);
  font-size: 40px;
}

#base-bottom .container {
  max-width: 315px;
  text-align: center;
  padding: 5px;
}

@media (min-width: 768px) {
  #base-bottom .container {
    max-width: 700px;
    text-align: center;
  }
}

.col.with-border {
  border: 2px solid rgba(8,0,94,0.36);
  border-top: 0px;
  border-bottom: 0px;
}

/* END FRONT */

#service {
  width: 100%;
  padding-bottom: 6%;
}

#service .container {
  width: 300px;
}

@media (min-width: 768px) {
  #service .container {
    width: 700px;
  }
}

.section-title h3 {
  color: #5d596d;
  font-size: 20px;
  margin-top: 40px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .section-title h3 {
    color: #5d596d;
    margin: 40px;
    font-size: 25px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
  }
}

.section-title h3 span {
  color: rgb(9,0,94);
}

.section-title p {
  margin-top: 30px;
  text-align: center;
}

.service .icon {
  font-size: 50px;
  text-align: center;
}

.service h4 {
  text-align: center;
}

.p-web {
  text-align: center;
  font-size: 13px;
}

.col-md-6.col-lg-3.web-bottom {
  margin: 10px;
  background: #fdfdfe;
  border: 10px;
  box-shadow: 2px 0 35px 0 rgba(68,88,144,0.12);
}

/* END SERVICE */

#equipo {
  padding-bottom: 6%;
}

.sectionTitle h3 {
  color: #5d596d;
  font-family: Montserrat, sans-serif;
}

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

/* END TEAM */

#portfolio {
  width: 100%;
  padding-bottom: 10px;
}

#portfolio .container {
  text-align: center;
}

#portfolio .container h3 {
  color: #5d596d;
  font-family: Montserrat, sans-serif;
}

.blog-slider__img {
  background-image: linear-gradient(147deg, rgba(206, 217, 252, 0.32), rgba(81, 82, 103, 0.34));
  box-shadow: 4px 13px 30px 1px rgba(8,0,94,0.38);
  
}

.blog-slider__img:after {
  background-image: linear-gradient(147deg, rgba(57, 109, 254, 0.17), rgba(72, 56, 252, 0.23) 74%);
}

.blog-slider__button {
  background-image: linear-gradient(147deg, rgba(57, 72, 254, 0.55), rgba(8, 1, 84, 0.96) 74%);
  color: #fff;
  box-shadow: 0px 14px 80px rgba(64, 56, 252, 0.4);
}

a:hover {
  text-decoration: none;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #08005e;
  height: 30px;
  box-shadow: 0px 0px 20px rgba(4, 3, 121, 0.3);
}

/* END JOB */