body {
  font-family: "Benton Sans", "Helvetica Neue", helvetica, arial, sans-serif;
}

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

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

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



.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;
    }

}