@font-face {
    font-family: 'Raleway';
    src: url(../fonts/Raleway-Bold.ttf);
}

* {
    font-family: 'Raleway', sans-serif !important;
}

.photo {   
    /* width: 90vw; */
    /* height: 90vw; */
    /* object-fit:cover; */
    max-width: 800px;
    max-height:600px;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#photo{
    display: none;
}
@media only screen and (min-width: 768px) {
    .photo {
        width: 640px;
        /* height: 420px; */
        display: block;
        margin: auto;
        
    }
    #detalles{
        width: 640px;
        margin: auto;
    }

}

#header {
    font-size: 1.3em !important;
}

.centrado {
    margin: auto;
    
}
.border{
    border: 1px solid #1e1e4c;
}
#footer {
    font-size: 0.2em !important;
}
#detalles,#detalles2{
    display: none;
}
#botonGuardar,#botonGuardar2{
    display: none;
}
.iconos-photo{
    float: left;
    margin: 5px;
    text-align: center;
}
.galeria{
    width: 100%;
}
 label,#titulo3,#descripcion3{
     color: black
 }
.modal{
    color: #1A1E4C;
    text-align: center;    
}
.modal>img{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.gallery-cont {
    background-color: #ced6e0;
    min-height: 100vh;
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.media-cont {
    height: 15rem;
    width: 15rem;
    border: 10px solid white;
    margin: 2rem;
}
.media {
    height: calc( 100% - 2rem - 2rem );
}
.media > * {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.rojo{
    background-color: darkred !important;
}

.ui-icon-myicon:after {
	background-image: url("../images/save_as_black_24dp.svg");
}
/* Fallback */
.ui-nosvg .ui-icon-myicon:after {
	background-image: url("iconimg.png");
}