@font-face {
    font-family: 'Zodiak';
    src: url(../fonts/Zodiak-Variable.ttf);
}
@font-face {
    font-family: 'Zodiak Italic';
    src: url(../fonts/Zodiak-VariableItalic.ttf);
}
@font-face {
    font-family: 'Open Sans';
    src: url(../fonts/OpenSans-VariableFont_wdth\,wght.ttf);
}
@font-face {
    font-family: 'Open Sans Italic';
    src: url(../fonts/OpenSans-Italic-VariableFont_wdth\,wght.ttf);
}
body{
    font-family: 'Open Sans';
}
.encabezado {
  background: url(../img/greca.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 25px;
  background-size: 75px;
}
.bg-color-3 {
  background-color: #bc955c;
}
.text-color-5 {
  color: #f6f3ee;
}
h1,h3{
    font-family: 'Zodiak';
}
h3{
    color: #45112a;
}
h1{
    color: #ffffff;
}
main img{
    border-radius: 10px;
}
.modal-body{
    /* background-image: url(../img/bg-oaxaca-1.png);
    background-repeat: no-repeat;
    background-size: cover; */
    background-color: #265b4d;
    /* background-image: url(../img/favicon1.png);
    background-repeat: no-repeat;
    background-size: 45% 100%; */
    border-radius: calc(0.5rem - 1px);
    min-height: 55vh;
}
@media (min-width: 1728px) {
    .modal-body{
        min-height: 40vh;
    }
}
.modal-body p{
    font-family: 'Open Sans';
    color: #fff;
}
.modal-body button{
    border: none;
    background-color: #bc955c;
    color: #fff;
    border-radius: calc(0.5rem - 1px);
}