@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&family=Satisfy:wght@300&family=Sevillana&family=Zeyada&display=swap');
 #logo{width: 300px; height: 50px}
@media (max-width: 2000px){
    .footer {
        background: #000000;
        bottom: 0px;
    }
    #logo{width: 300px; height: 50px;}
    #fotog{width: 600px;}
    }
    
@media (max-width: 768px){
    .footer {
    background: #3D3A3A;
    bottom: 0px;
    }
    #logo{width: 250px; height: 45px;}
    #fotog{width: 400px;}
}

.container3 {
    padding-top: 0px;
    position: absolute;
    z-index: -1;
}

.container4 {
    
    display: flex;
    align-items: center;
    justify-content: center;
}


.carousell-slide{position: relative;
        top: 0px;}

.footer .nav-link {
text-decoration: none;
font-family: 'built_titling', Helvetica, sans-serif;
font-weight: 200;
font-size: 14px;
letter-spacing: 4px;
}
.caroulsel-inner{
    position: absolute;
    left: 0%;
    width: 95%;
    
    height: 25%;
}
.carousel-caption {
    position: absolute; 
 	/*right: 5%;*/
    top: 65%; /* Cambiar bottom por top y los píxeles que necesites */
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 0, 0, 0); /* Añadir para conseguir el fondo con opacidad */
}
label {
    display:block;
    margin-top:5px;
    letter-spacing:1px;
}
 
.principal {
    display:block;
    /*margin:0 auto;*/
    width:510px;
    color: #666666;
    font-family:Arial;
}
 
form {
    width:350px;
}
input, textarea {
    /*width:380px;*/
    /*height:27px;*/
    background:#666666;
    border:2px solid #f6f6f6;
    padding:10px;
    /*margin-top:5px;*/
    font-size:10px;
    color:#ffffff;
}
 
textarea {
    height:130px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}
.aviso-cookies {
    display: block;
    background: #FFFFFF;
    padding: 20px;
    width: calc(100% - 40px);
    max-width: 300px;
    border-radius: 10px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    padding-top: 60px;
    box-shadow: 0px 2px 20px 10px rgba(222,222,222,.25);
    text-align: center;
}
.aviso-cookies#galleta {
    max-width: 100px;
    position: absolute;
    top:-50px;
    left: calc(50%-50px);

}
.boton{
            width: 100%;
            background: #595959;
            border: none;
            color: #fff;
            cursor: pointer;
            transition: .3s ease all;
            border-radius: 5px;
        }
.boton:hover{
    background: #000;
}

.img-fluid:hover{
    opacity: .5
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
}

.img-thumbnail:hover{
    opacity: .5
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
}
.img:hover{opacity: .5
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));}
.img-thumbnail{
    width: 450px;
    height: 289px;
}
.close {
  font-size: 1.5rem;
}

.col-12 img {
  opacity: 0.7;
  cursor: pointer;
  margin: 2rem;
  width: 100%;
}

.col-12 img:hover {
  opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.portfolio-menu{
    text-align:center;
}
.portfolio-menu ul li{
    display:inline-block;
    margin:0;
    list-style:none;
    padding:10px 15px;
    cursor:pointer;
    -webkit-transition:all 05s ease;
    -moz-transition:all 05s ease;
    -ms-transition:all 05s ease;
    -o-transition:all 05s ease;
    transition:all .5s ease;
}

.portfolio-item{
    /*width:100%;*/
}
.portfolio-item .item{
    /*width:303px;*/
    float:left;
    margin-bottom:10px;
}

.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}