/*titulos*/
h1 { font-size: 3rem; }   /* ~48px */
h2 { font-size: 2rem; }   /* ~32px */
/* ~24px */
h3 {   
    font-family: "Montserrat Medium", sans-serif !important;
    font-size: 1.8rem !important;       
}
h4 { font-size: 1.125rem; } /* ~18px */
/*background*/
.bg-main{
  background-color: #F4E1C1;
}

.bg-secondary{
  background-color: #F4E1C1;
}

@font-face{
    font-family: "Montserrat Medium";    
    src: url("../fonts/montserrat/Montserrat-Medium.ttf");
    font-weight: 500; /* coincide con Medium */
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Alatsi regular';
  src: url('../fonts/alatsi/Alatsi-Regular.ttf');
  font-weight: 400;
  font-style: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue bold';
  src: url('../fonts/epilogue/Epilogue-Bold.ttf');
  font-weight: 400;
  font-style: bold;
  font-display: swap;
}

@font-face {
  font-family: 'Epilogue regular';
  src: url('../fonts/epilogue/Epilogue-Regular.ttf');
  font-weight: 400;
  font-style: bold;
  font-display: swap;
}

.title-main {
  font-family: 'Alatsi regular';
  font-size: 4.8rem;
}

h2, .title-secondary{
  font-family: 'Epilogue bold' !important;  
}

p {
  font-family: 'Epilogue regular';  
}

/*botones*/
.main-btn{
  background-color: #1ABC9C !important;
  color: white !important;
  font-weight: bold !important;
  font-family: 'Epiloge regular';
}

/*menu*/
#menu .navbar {
  background: linear-gradient(90deg, rgba(13,110,253,0.65) 0%, rgba(0,123,255,0.58) 100%);
  font-size: 1.125rem;
}
#menu .navbar .container ul li a.btn-customize {
  border-radius: 40px;  
}

/*footer*/
footer {
  background-color: #0D76BA;
}
footer .container-icons a i {
  font-size: 1.89rem;
}