@font-face {
    font-family: 'Roboto-italic';
    src: url('fonts/Roboto-Italic.woff2') format('woff2'),
        url('fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-regular';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'futura-mc';
    src: url('fonts/FuturaBT-MediumCondensed.woff2') format('woff2'),
        url('fonts/FuturaBT-MediumCondensed.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'FONTSPRING DEMO - Articulat CF';
    src: url('fonts/FONTSPRINGDEMO-ArticulatCFBoldItalic.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-ArticulatCFBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Articulat CF';
    src: url('fonts/FONTSPRINGDEMO-ArticulatCFBold.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-ArticulatCFBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Articulat-regular';
    src: url('fonts/FONTSPRINGDEMO-ArticulatCFLightRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-ArticulatCFLightRegular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FONTSPRING DEMO - Articulat CF';
    src: url('fonts/FONTSPRINGDEMO-ArticulatCFRegular.woff2') format('woff2'),
        url('fonts/FONTSPRINGDEMO-ArticulatCFRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Roboto-regular';
	color: #1B375B;
}

thead {
    background-color: #114A7F;
    color: #FFFFFF;
}

td {
    color: #1B375B!important;
    padding: 10px 15px!important;
}

.border-primary {
    border-color: #114A7F !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #EBDFD1;
    color: #114A7F;
}

.color-txt {
    color: #1B375B!important;
}

.color-arena {
    color: #E9DFD2;
}

.light {
    font-weight: lighter!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto-regular';
    font-weight: bold;
}


.futura {
	font-family: 'futura-mc';
}


.bg-azul {
	background-color: #1B375B;
}

.bg-arena {
	background-color: #E9DFD2;
}

.bg-azullight {
    background-color: #E7EEF7;
}

.gallery {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin: 0 auto;
    text-align: center;
}   
.gallery img{
    width: 100%;
    padding: 7px 0;
    transition: .5s;
}
.gallery img:hover {
    opacity: .5;
    transition: .3s;
    width: 100%;
}

.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

.whatsapp-icon {
  margin-top: 13px;
}

.activo {
    position: fixed;
    z-index: 100;
    top: 0;
    width: 100%;
    transition: transform .5s; /* Animation */
    padding-top: 25px;

}

.parallax {
    background-image: url('../images/parallax2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 100px;
    text-align: center;
    color: #FFFFFF;
}

.descarga {
    border: solid 2px #E9DFD2;
    border-radius: 15px;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
}


@media (min-width: 577px) and (max-width: 768px) {
    .gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .logo {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}