body{
    background-color: white;
    background-image: url(img/watermark.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 45%;
}

/* Para que el menú con position fixed no tape las anclas al navegar en ellas */
.anchor::before{
    content:'';
    display: block;
    height: 136px;
    margin-top: -136px;
    visibility: hidden;
}

@media screen and (max-height: 376px){
    .navbar .container{
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 768px){
    .overlay h1{
        font-size: 24px;
    }

    .overlay p{
        font-size: 15px;
    }

    .overlay a, .overlay button{
        font-size: 14px;
    }
}

@media screen and (max-width: 520px){
    body{
        background-size: 60%;
    }
}

@media screen and (max-width: 368px){
    .navbar-toggler{
        margin: 0 auto;
    }
}

@media screen and (max-width: 320px){
    .overlay h1{
        font-size: 18px;
    }

    .overlay p{
        font-size: 13px;
    }

    .overlay a{
        font-size: 12px;
    }
}

main .carousel-inner img{
    max-height: 70vh;
    object-fit: cover;
}

#carousel{
    position: relative;
}

#carousel .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .4);
    color: white;
    z-index: 1;
}

#carousel .overlay .container,
#carousel .overlay .row{
    height: 100%;
}

.btn-send{
    background: #310f4c;
    color: white;
}

.btn-send:hover{
    background: #431869;
    color: white;
}

footer{
    color: white;
    background-color: #28064c;
    font-size: .8rem;
}

footer a{
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 10px;
}

.alert{
    padding: 5px;
    font-size: 14px;
    box-shadow: 0 1px 3px #ccc;
    margin-bottom: 10px;
    border-radius: 5px;
}

.alert-success{
    color: green;
    background: #cfeecf;
    border: 1px solid green;
}

.alert-error{
    color: #d41e1e;
    background: #f5c2c2;
    border: 1px solid #d41e1e;
}

hr{
    height: 20px;
    margin: 10px 0;
}

.roja{
    background: #aa140c;
}

.morada{
    background: #28064c;
}

.icon__fb{
    width: 37px;
    height: 37px;
    background-image: url("/icons/face.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.icon__instagram{
    width: 37px;
    height: 37px;
    background-image: url("/icons/instagram.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}