@font-face {
    font-family: archivo-light;
    src: url('../fonts/Archivo_Condensed-Light.ttf');
   }

   @font-face {
    font-family: archivo-regular;
    src: url('../fonts/Archivo_Condensed-Regular.ttf');
   }
   @font-face {
    font-family: archivo-bold;
    src: url('../fonts/Archivo_Condensed-Bold.ttf');
   }
   @font-face {
    font-family: archivo-medium;
    src: url('../fonts/Archivo_Condensed-Medium.ttf');
   }


  
.font-archivo-regular {
    font-family: archivo-regular;
}

.font-archivo-light {
    font-family: archivo-light;
}
.font-archivo-bold {
    font-family: archivo-bold;
}
.font-archivo-medium {
    font-family: archivo-medium;
}


.bg-azul {
    background-color: rgba(22, 36, 53, 1);
}
 
.btn-azul {
    color: #fff;
    background-color: rgba(22, 36, 53, 1);
    border-color: rgba(22, 36, 53, 1);
}

.btn-verde {
    color: #fff;
    background-color: rgba(0, 155, 57, 1);
    border-color: rgba(0, 155, 57, 1);
}

.bg-verde {
    background-color: rgba(0, 155, 57, 1);
}

.text-azul {
    color: #046DB6
}