@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&family=Raleway&display=swap');

/*  General  */

:root {
    --beige: #CFA670;
}

html {
    background-image: url(../img/fondo_web.webp);
    background-position: center center;
    background-repeat: none;
    background-size: cover;
}

body {
    font-family: 'Raleway', sans-serif;
    background-color: rgba(255, 255, 255, .5);
    overflow-x: hidden;
}

.precio {
    font-family: 'Petit Formal Script', cursive;
}


/*  Footer  */

footer {
    background-color: #262626;
    color: white;
}

.footer_bar {
    padding: 3em 0;
}

.footer_bar .title {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 5px;
}

.footer_bar a,
.footer_bar_wrapper a {
    color: white;
    text-decoration: none;
    -webkit-transition: color .2s linear, background .1s linear;
    -moz-transition: color .2s linear, background .1s linear;
    -ms-transition: color .2s linear, background .1s linear;
    -o-transition: color .2s linear, background .1s linear;
    transition: color .2s linear, background .1s linear;
}

.footer_bar a:hover,
.footer_bar_wrapper a:hover {
    color: var(--beige);
}

.footer_bar p i {
    margin-right: .5em;
}

.footer_bar ul.list-inline {
    padding: 1em 0;
}

.footer_bar ul.list-inline a {
    font-size: x-large;
}

.footer_bar_wrapper {
    background-color: #1B1B1B;
    color: white;
}

.footer_bar_wrapper #copyright {
    padding: 2em 0;
}