@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 900;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Black.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 800;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Black.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 700;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Bold.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 600;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-SemiBold.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 500;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Medium.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 400;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Regular.ttf") format("truetype") 
}
@font-face {
 font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 300;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Light.ttf") format("truetype") 
}
@font-face { font-family: RecoletaAlt;
 font-style: normal;
 font-weight: 200;
 font-display: auto;
 src: url("../fonts/RecoletaAlt-Thin.ttf") format("truetype") 
}