h1,h2{
  color: #0c3541; text-shadow: 3px 3px 3px rgba(33, 33, 33, 0.35) !important;
}



.card-action a{
    color: #13848a !important;
    /*#8bc63e !important;*/
    font-weight: bold;
    font-size:12pt;
}

.hoverable p{
    line-height: 1.5rem !important;
    font-size: 11pt;
    font-weight: normal;
    text-align: justify;
}

.slider ul, .slider ul li,
.slider ul li img {
    border-radius: 5px;
}

/*.parallax-container,*/
#index-banner {
    min-height: 100vh !important;
}

.textJustify {
    text-align: justify;
    line-height: 20px;
}  

.card-image span {
   color: white !important;
    background-color: rgba(33, 33, 33, 0.65);
    font-weight: bold;
    font-size: 1.3rem !important;
    width: 100%;
}

.section.no-pad-bot {
    padding-top: 0;
}

#raxTitle{
    margin: 15px;
}  

#servicios {
    background-color: whitesmoke;
    width: 100%;
}

#servicios .container {
    width: 85%;
}

#index-banner .section .row{
    height: 100%;
}

@media only screen and (min-width: 992px) {
    .container {
      width: 90%;
    }    
    #mainItems{
      position: absolute;
      top: 45%;
    }
    
    #mainItems span.fa-stack.fa-4x.zoom{
      font-size: 80px !important;
    }
}

@media only screen and (max-width: 993px) {
    .container {
      width: 90%;
    }
}

@media only screen and (min-width:0) and (max-width:320px) {
  span > h5{
    font-size: 20px !important;
  }
  .container {
    width: 100%;
  }
  span.fa-stack.fa-4x.zoom {
    font-size: 35px !important;
    margin-bottom: 10px;
  }
  .parallax-container {
    min-height: 200vh !important;
  }
  #mainItems{
    margin-top: 20px !important;    
  }

  #mainItems span{
    font-size: 9px;    
  }
}

@media only screen and (max-width: 992px) {
  .parallax-container {
    min-height: 200vh;
  }
  
  .parallax-container .section {
    position: absolute;
    top: 10%;
  }
} 

.modalText{
    color: #0c3541;
}
.text-primary{
    color: rgb(12, 53, 65) !important;
}

.contenedor:hover .imagen{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
}
.contenedor 
  {
    overflow:hidden;
}

img.zoom {
  -webkit-transition:all 5s ease-in-out;
  -moz-transition:all 5s ease-in-out;
  -o-transition:all 5s ease-in-out;
  -ms-transition:all 5s ease-in-out;
}

.transition {
  -webkit-transform: scale(1.3); 
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

.titleItems{
  font-size: 0.5em;
  line-height: 0px !important;
}