*{
    margin:0;
    padding:0;
    font-family: "Lato", sans-serif;
}

.bg-blue {
  background-color:#22376c;
}

h1, h2, h3 {
  font-family: "Lato", sans-serif;
  color:#22376c;
}

p {
color: #666666;
}

.text-blue {
  color:#22376c;
}


a {
  text-decoration: none;
  color:white;
}

.navbar-light .navbar-nav .nav-link {
  color: #22376c;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #0a58ca;
}

.navbar-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.bg-secondary {
  background-color:#EAEAEA!important;
}

.bg-secondary:hover {
  background-color:#22376c!important;
}


.image-container {
  /* background-image: url('../images/start/pure_background.jpg');
  background-size: cover;
  background-position: center; */
  position:relative;

}

.img-txt{
  position: absolute;
  top:0;
  left:0;
}



.shake-image {
  transition: transform 0.5s;
}

.shake-image:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-5px, 0);
  }
  50% {
    transform: translate(5px, 0);
  }
  75% {
    transform: translate(-5px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}


.countdown-container {
  text-align: center;
}

.countdown {
  display: inline-block;
  margin: 0 10px;
}


.display-4 {
  font-size: 1.5rem;
  color:white;
}


.white {
  color:white;
}

.fa-solid, .fas {
  font-size: 30px;
  color: #22376c;
}


.btn-blue {
  background-color: #22376c;
  color:white;
}

.btn-blue:hover {
  background-color: #22376c;
  color:white;
}

.card-title {
  color:#22376c;
}

ul {
  color:#666666;
}

h5 {
  color:#666666;
}

h4 {
  color:#666666;
}

.btn-primary {
  color: #fff;
  background-color:#22376c;
  border-color:white;
}

.btn-primary:hover {
  color: #fff;
  background-color:#22376cb7;
  border-color:white;
}


.image-container-1 {
  position: relative;
  overflow: hidden;
  background-color:#22376c;
}

.swap-image {
  transition: transform 0.3s ease;
}

.swap-image:hover {
  transform: scale(1.1);
}

/* SMARTPHONES */
@media (min-width: 980px) {

  .desktop {
    display:none;
  }

}




/* SMARTPHONES */
@media (max-width: 980px) {
  #somos{
    display:none;
  }

  #somos-2{
    display:block;
  }

  #video{
    display:none;
  }

  #footer-responsive{
    justify-content: center!important;
  }

  .responsive {
    display:none;
  }

}

/* IPAD PRO */
/* Landscape*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {}

/* IPAD PRO */
/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {}


/* MEDIA QUERIES FOR IPAD MINI */
@media only screen and (min-device-width : 1023px) and (max-device-width : 1025px) and (orientation : landscape){}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {
  #somos{
    display:none;
  }
}


/* IPAD AIR */
@media only screen and (min-device-width : 1180px) and (max-device-width : 1181px) and (orientation : landscape) {}

@media (max-width: 1960px) {
}