body{
    color: #333;
}
/* ----------- HEADER -------------- */
.header {
    background: url(../../img/bg-header2.jpg) no-repeat center rgba(255, 255, 255, 0.6);
    background-size: cover;
    min-height: 100vh;
    background-blend-mode: lighten;
}

.header .navbar {
    background-color: transparent !important;
}

.navbar{
    padding: 5em;
}

.navbar a{
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    text-shadow: 1px 1px 15px #fff;
}

.navbar i{
    text-shadow: 1px 1px 20px #fff;
}

.navbar a:link, a:visited, a:active {
    text-decoration:none;
}

#img-logo{
    width: 100px;
    height: 100px;
}

.header h1{
    margin-left: 2em;
    margin-top: 10em;
    text-shadow: 1px 1px 10px #fff;
}

/* ----------- DESCRIPTION -------------- */

.d-description{
    background: url(../../img/bg-description.png) no-repeat center rgba(255, 255, 255, 0.6);
    min-height: 65vh;
    width: 100%;
    background-blend-mode: lighten;
}

#d-description-text{
    position: relative;
    text-align: justify;
    top: 10vh;
    margin: 0 auto;
    font-size: 1.3em;
    text-shadow: 1px 1px 20px #fff;;
}

/* ----------- RESUME BOOTSTRAP ICONS -------------- */
#i-resume{
    font-size: 4em; 
    color: #814a7e;
}

/* ----------- RESUME -------------- */

#d-row-resume{
    text-align: center;
    margin-top: 2em;
}

#d-row-resume .col{
    padding: 1em 1em;
}

#d-row-resume .col p{
    padding-top: 1em;
    font-size: 1.3em;
}

#p-radiacion{
    padding-top: 1.7em !important;
}

#img-radiacion{
    margin-top: .8em;
}

/*------------ IMAGE GALLERY --------------------------*/

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

.cssbox{
    width: 24%;
    height: 40vh;
    margin-bottom: 0.2em;
}

.cssbox .cssbox_thumb{
    width: 100%;
    height: 40vh;
    object-fit: cover;
}


/* ----------- MAP -------------- */

#d-map-container iframe{
    width: 100%;
    height: 50vh;
}

#d-map-container p{
    font-size: 1.3em;
    margin-top: 2em;
    margin-bottom: 1em;
}

/* ----------- COPYRIGHT -------------- */

#d-copyright{
    font-size: 0.8em;
    color: #777;
    text-align: center;
}

/* Small devices portrait */
@media (max-width: 575.98px) and (orientation: portrait) { 
    /* ----------- HEADER -------------- */
.header {
    background: url(../../img/bg-header2.jpg) no-repeat 50% 50% rgba(255, 255, 255, 0.6);
    background-size: 150%;
    min-height: 0vh;
    background-blend-mode: normal;
}

.navbar{
    padding: 1em;
}

.navbar a{
    font-size: 1em;
}

.header h1{
    margin-left: 0.5em;
    margin-top: 55vh;
    text-shadow: 1px 1px 10px #fff;
}

#img-logo{
    width: 50px;
    height: 50px;
}

/* ----------- DESCRIPTION -------------- */

.d-description{
    background: none;
}

#d-description-text{
    top: 2vh;
    font-size: 1em;
}

/* ----------- RESUME -------------- */

.col{
    flex: none;
}

#d-row-resume .col p{
    font-size: 1em;
}

/*------------ IMAGE GALLERY --------------------------*/

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

.cssbox{
    width: 100%;
    height: auto;

}


/* ----------- MAP -------------- */

#d-map-container p{
    font-size: 1em;
}

}

/* Small devices landscape */
@media (max-width: 575.98px) and (orientation: landscape) { 
    /* ----------- HEADER -------------- */
.header {
    background: url(../../img/bg-header2.jpg) no-repeat rgba(255, 255, 255, 0.6);
    background-size: 100%;
    min-height: 100vh;
    background-blend-mode: lighten;
}

.navbar{
    padding: 1em;
}

.navbar a{
    font-size: 1em;
}

.header h1{
    margin-left: 0.5em;
    margin-top: 45vh;
    text-shadow: 1px 1px 10px #fff;
}

#img-logo{
    width: 50px;
    height: 50px;
}

/* ----------- DESCRIPTION -------------- */

.d-description{
    background-size: 150%;
    background-position: bottom;
}

#d-description-text{
    top: 2vh;
    font-size: 1em;
}

/* ----------- RESUME -------------- */

.col{
    flex: none;
}

#d-row-resume .col p{
    font-size: 1em;
}

/* ----------- MAP -------------- */

#d-map-container p{
    font-size: 1em;
}

}

/* Medium devices landscape */
@media (min-width: 576px) and (max-width: 812.98px) and (orientation: landscape) { 
    /* ----------- HEADER -------------- */
    .header {
        background: url(../../img/bg-header2.jpg) no-repeat 50% 50% rgba(255, 255, 255, 0.6);
        background-size: 100%;
        min-height: 100vh;
        background-blend-mode: lighten;
    }
    
    .navbar{
        padding: 1em;
    }
    
    .navbar a{
        font-size: 1em;
    }
    
    .header h1{
        margin-left: 0.5em;
        margin-top: 50vh;
        text-shadow: 1px 1px 10px #fff;
    }
    
    #img-logo{
        width: 50px;
        height: 50px;
    }
    
    /* ----------- DESCRIPTION -------------- */
    
    .d-description{
        background: url(../../img/bg-description.png) no-repeat center rgba(255, 255, 255, 0.6);
        background-size: 150%;
        min-height: 60vh;
        width: 100%;
        background-blend-mode: lighten;
        background-position: bottom;
    }
    
    #d-description-text{
        top: 2vh;
        font-size: 1em;
    }
    
    /* ----------- RESUME -------------- */
    
    .col{
        flex: none;
    }
    
    #d-row-resume .col p{
        font-size: 1em;
    }
    
    /* ----------- MAP -------------- */
    
    #d-map-container p{
        font-size: 1em;
    }

}

/* Medium devices portrait */
@media (min-width: 576px) and (max-width: 812.98px) and (orientation: portrait) { 
    /* ----------- HEADER -------------- */
    .header {
        background: url(../../img/bg-header2.jpg) no-repeat 50% 50% rgba(255, 255, 255, 0.6);
        background-size: 150%;
        min-height: 100vh;
        background-blend-mode: normal;
    }
    
    .navbar{
        padding: 2em;
    }
    
    
    .header h1{
        margin-left: 0.5em;
        margin-top: 70vh;
        text-shadow: 1px 1px 10px #fff;
    }
    
    
    
    /* ----------- DESCRIPTION -------------- */
    
    .d-description{
        background: url(../../img/bg-description.png) no-repeat center rgba(255, 255, 255, 0.6);
        background-size: 150%;
        min-height: 85vh;
        width: 100%;
        background-blend-mode: lighten;
        background-position: bottom;
    }
    
    /* ----------- RESUME -------------- */
    
    .col{
        flex: none;
    }

}

/* Large devices landscape */
@media (min-width: 813px) and (max-width: 1199.98px) and (orientation: landscape) { 
    .d-description{
        background: url(../../img/bg-description.png) no-repeat center rgba(255, 255, 255, 0.6);
        background-size: 150%;
        min-height: 85vh;
        width: 100%;
        background-blend-mode: lighten;
        background-position: bottom;
    }
}

/* Large devices portrait */
@media (min-width: 813px) and (max-width: 1199.98px) and (orientation: portrait) { 
    /* ----------- HEADER -------------- */
    .header {
        background: url(../../img/bg-header2.jpg) no-repeat 50% 50% rgba(255, 255, 255, 0.6);
        background-size: 150%;
        min-height: 100vh;
        background-blend-mode: normal;
    }
    
    .navbar{
        padding: 2em;
    }
    
    
    .header h1{
        margin-left: 0.5em;
        margin-top: 75vh;
        text-shadow: 1px 1px 10px #fff;
    }
    
    
    
    /* ----------- DESCRIPTION -------------- */
    
    .d-description{
        background: url(../../img/bg-description.png) no-repeat center rgba(255, 255, 255, 0.6);
        width: 100%;
        min-height: 45vh;;
        background-blend-mode: lighten;
    }
    
    #d-description-text{
        top: 0vh;
    } 

    /* ----------- RESUME -------------- */
    
    .col{
        flex: none;
    }

}