html{
    --primaryColor: #1D2A43;
    --adyacentColor: #f8e2ba;
    --Accent1: #D93D04;
    --Accent2: #400101;
    --ComplementaryColor: #3E6161;
    --whiteColor: #dddddd;
    --blackColor: #333333;
}

h1, h2, h3, h4, h5, header nav a{
    font-family: 'Crimson Text', serif !important;
    font-weight: 800;
}

p, a, i, header nav ul li a{
    font-family: 'Montserrat', sans-serif !important;
}

.navbar-brand img{
    max-width: 220px;
}

section, main{
min-height: 70vh;
}

label,
input[type="text"],
input[type="email"], textarea {
    display: block;
    width: 100%;
}

fieldset label {
    display: inline-block;
    width: auto;
}

main{
    margin-bottom: 15vh;
}

footer{
    position: fixed;
    bottom: 0;
}


.img300h{
    height: 300px !important;
    width: 100%;
}

.bg-img-position-repeat-size{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.gray-overlay{
    position: absolute;
    z-index: 1;
    background-color: rgba(0,0,0,0.6);
}

.c-primary{
    color: var(--primaryColor) !important;
}
.c-adyacent{
    color: var(--adyacentColor) !important;
}
.c-accent1{
    color: var(--Accent1) !important;
}
.c-accent2{
    color: var(--Accent2) !important;
}
.c-complementary{
    color: var(--ComplementaryColor) !important;
}
.c-white{
    color: var(--whiteColor) !important;
}
.c-black{
    color: var(--blackColor) !important;
}


.bg-primary{
    background-color: var(--primaryColor) !important;
}
.bg-adyacent{
    background-color: var(--adyacentColor) !important;
}
.bg-accent1{
    background-color: var(--Accent1) !important;
}
.hover-bg-accent1:hover{
    transition: 0.5s;
    background-color: var(--Accent1) !important;
    color: white !important;
}
.bg-accent2{
    background-color: var(--Accent2) !important;
}
.hover-bg-accent2:hover{
    transition: 0.5s;
    background-color: var(--Accent2) !important;
    color: white !important;
}
.bg-complementary{
    background-color: var(--ComplementaryColor) !important;
}
.bg-black-overlay{
    background-color: rgba(0,0,0,0.6);
}

.border-accent1{
    border-color: var(--Accent1) !important;
}

.border-accent2{
    border-color: var(--Accent2) !important;
}

.slider_container{
    width: 100%;
    text-align: center;
}

.slider_container p{
    display: inline;
}

.slider_valoracion{
    width: calc(100% - 2em);
}