h1 {
  font-style: italic;
  color: #373fff;
}

#mirador {
  height: 75vh;
  position: relative;
  width: 100%;
}

#mirador2 {
  height: 75vh;
  position: relative;
  width: 100%;
}


header {
z-index: 6;
position: relative;
margin-bottom: 10px;
}
.portal-header {
width: 100%;
background: #FFFFFF;
}
.header-wrapper {
max-width: 1300px;
margin: -10px auto;
position: relative;
}
.header-logo-area {
display: flex;
}
#portal-logo {
width: calc(100% - 450px);
line-height: 0;
padding: 40px 0;
}
#ulb-logo {
width: 230px;
line-height: 0;
padding: 25px 0;
}
#ulb-logo img {
width: 40px;
height: auto;
vertical-align: middle;
display: inline-block;
}
#ulb-logo span {
vertical-align: middle;
font-size: 20px;
line-height: 22px;
display: inline-block;
padding: 0 0 0 15px;
}
#ulb-logo {
width: 230px;
line-height: 0;
padding: 25px 0;
}
#ulb-logo img {
width: 40px;
height: auto;
vertical-align: middle;
display: inline-block;
}
#ulb-logo span {
vertical-align: middle;
font-size: 20px;
line-height: 22px;
display: inline-block;
padding: 0 0 0 15px;
}
#ulb-logo a {
color: #008877;
}

#tud-logo {
background: #F6F6F6;
margin-bottom: -30px;
width: 250px;
line-height: 0;
}
.portal-main-search {
padding: 15px 0;
background: #008877;
}
 .mirador5, .mirador1 {
        top:130px;
        #bottom:-130px; 
}                               
 .mirador2 {                            
        bottom:130px;
}                               
@media (min-width: 600px) {
.mirador29              
{                               
    padding-top: 30px;                  
    padding-left: 50px;
}                                       
@media (min-width: 600px) {     
.mirador40              
{                       
    padding-top: 23px;          
}                                       
}







/*----------------------------------------------------------------------
footer
----------------------------------------------------------------------*/

footer {
    width: 100%;
    border-top: 1px solid #008877;
    margin: 60px 0 0 0;
    clear: both;
}

#footer-content {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    font-size: 0.8rem;
    display: table;
}

#footer-content ul {
    padding: 20px 0;
    display: table-cell;
    vertical-align: bottom;
    list-style-type: none;
    width: 50%;
}

#footer-content li {
    display: inline;
}

#footer-content li a {
    background: #FFFFFF;
    color: #008877;
    padding: 5px;
    text-decoration: none;
}

#footer-content li a:hover {
    background: #008877;
    color: #FFFFFF;
}

#footer-content p {
    padding: 20px 0;
    color: #008877;
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
    width: 50%;
}



/*----------------------------------------------------------------------
max 1360px
----------------------------------------------------------------------*/

@media only screen and (max-width: 1360px) {

    .header-wrapper {
        max-width: calc(100% - 60px);
        margin: 0 30px;
    }    

    .home-prestige {
        margin: -30px 0 60px 0;
    }    

    main,
    .home-prestige-content {
        margin: 30px 30px;
        max-width: calc(100% - 60px);
    }    

    #footer-content {
        max-width: calc(100% - 60px);
        margin: 0 30px;
    }    

}
/*----------------------------------------------------------------------
max 1024px
----------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

    #footer-content {
        max-width: calc(100% - 30px);
        margin: 0 15px;
        display: block;
    }

    #footer-content ul {
        padding: 15px;
        width: calc(100% - 30px);
        display: block;
        text-align: center;
    }

    #footer-content li {
        display: inline-block;
        margin-top: 5px;
    }

    #footer-content p {
        padding: 0px 15px 15px 15px;
        display: block;
        width: calc(100% - 30px);
        text-align: center;
    }

}