/* @import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Jost:wght@400;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1,h2,h3,h4,h5,h6,li,span,badge ,button,input,textarea,table, .nav-link{
/* font-family: 'Covered By Your Grace', cursive; */
/* font-family: 'Roboto Mono', monospace; */
/* font-family: 'Jost', sans-serif; */
font-family: "Mukta", sans-serif;
  font-weight: 200;
  font-style: normal;
}

a,p{
/* font-family: 'Covered By Your Grace', cursive; */
/* font-family: 'Roboto', monospace; */
/* font-family: 'Jost', sans-serif; */
font-family: "Mukta", sans-serif;
  font-weight: 200;
  font-style: normal;
}

a:hover{
  opacity: 50%;
}

.text-blue{
  color: #042742;
}

h2{
  color: #042742;
}

.bold{
  font-weight: bold;
}

.centrar{
  text-align: center;
  align-items: center;
}

.centrar-vertical{
   display: flex;
   align-items: center;
}

.justificar{
  text-align: justify;
}

.centrar-vertical{
   display: flex;
   align-items: center;
}




#gallery-content .gallery-item{
  background: lightgray;
   background-position: center;
   background-size: cover;
   min-height: 20rem;
}

.h-90vh{
  min-height: 90vh
}

.zoom-menu:hover{
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    z-index: 1000;
}

.color-menu:hover{
  color: black !important;
  opacity: 1 !important;
}

.zoom:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 1000;
}

.marco:hover {
    border: 2px solid #042742 !important;
    background-color: white !important;
    opacity: 1;
}


a{
  text-decoration: unset;
}

.btn-center-my{
      font-weight: bold;
  text-transform: uppercase !important;
  min-height: 120px;
    align-content: center;
}
