/* Define las reglas de font-face para Chirp */
@font-face {
    font-family: 'Chirp';
    src: url('font/Chirp-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Chirp';
    src: url('font/Chirp-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Chirp';
    src: url('font/Chirp-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Chirp';
    src: url('font/Chirp-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* Aplica la nueva fuente globalmente */
body {
    font-family: 'Chirp', sans-serif;
    background-color: #f3fcf0 !important;
  
}

/* Aplica la nueva fuente globalmente */
html { 
    font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6, p, small, span, div, .lead, .text-muted {
    color: #1d1b20 !important;
}
.card {
    background-color: #e8f0e4 !important;
    border-radius: 25px;
}

@media (min-width: 768px) {
    .container-small {
       width: 300px;
    }
 
    .container-medium {
       width: 600px;
       /* Puedes ajustar este valor según tus necesidades */
    }
 
    .container-large {
       width: 970px;
    }
 }
 
 @media (min-width: 992px) {
    .container-small {
       width: 500px;
    }
 
    .container-medium {
       width: 800px;
       /* Puedes ajustar este valor según tus necesidades */
    }
 
    .container-large {
       width: 1170px;
    }
 }
 
 @media (min-width: 1200px) {
    .container-small {
       width: 700px;
    }
 
    .container-medium {
       width: 1000px;
       /* Puedes ajustar este valor según tus necesidades */
    }
 
    .container-large {
       width: 1500px;
    }
 }
 
 .container-small,
 .container-medium,
 .container-large {
    max-width: 100%;
 }