@media (min-width: 767px) {
    .info-page a
    {
        color:black;
    }
    
    
    .home-page .feature-offer .left-section
    {
        height:auto;
    }
    .head-collage
    {
    display: inline-block;
    color:white;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .25em;
    line-height: 1.3125em;
    margin-bottom: 35px;
    position: relative;
    text-transform: uppercase;
    }
    .compare
    {
    margin-right: 90px;
    }
    }
    .header-banner-offer
    {
        height:200px;
        background:#008080 !important;
    }
    .tab-menu-rancamaya 
    {
        background:#008080 !important;
    }
    .info-page .title-section,.info-page .desc-section,.info-page .info-page a
    {
        color:black;
    }
    .desc-section
    {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 0;
    }
    
    .CtaBlock-cta
    {
               color:white;
        font-weight:600;
    padding: 0px 0 42px;
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: .75rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .25em;
    line-height: 1.3333333333em;
    padding: 0 0 3px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;
    transition: background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out;
    }
    .CenteredFeatureCollage .row {
        padding: 60px 0 0;
    }
  
    .Collage-text
    {
        padding-left:45px;
    }
    .detail-desc p {
    font-family: Monotype Garamond,garamond,serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .0277777778em;
    color: white;
    line-height: 1.5em;
    }
    
    
    .head-collage
    {
        color:white;
        font-weight:600;
    text-transform: uppercase;
    font-size: 1rem;
    Letter-spacing: .25rem;
    }
    .c-container
    {
        max-width:930px;
    }
.Heading-title
{ 
    text-align:center;
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 1px;
}
#head-container {
    position: relative;
    bottom: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#title-page {
    color: white;
    text-align: center;
    margin: 30px 0;
    position: absolute;
    width: 100%;
    bottom: 0px;
     top:-150px;
}
.home-page .hotel-facility {
    background-color: #21433e;
    display: grid;
    gap: 15px 60px;
    grid-template-columns: repeat(5,max-content);
    justify-content: center;
    padding: 30px 0;
    overflow: hidden;
}

.home-page .hotel-facility-icon img {
    height: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 50%;
}
.home-page .hotel-facility-item {
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 0px;
    display: flex;
}
.home-page .hotel-facility-text {
    font-family: "Josefin Sans";
    font-size: 13px;
}
.tab-menu-rancamaya .nav-tabs-rancamaya .nav-tabs .nav-link 
{
    align-items: center;
    border: none;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: 'Josefin Sans',Arial,sans-serif;
    font-size: 13px !important;
    line-height: 48px;
    padding: 0;
}
.SpacedComponent
{
    padding-bottom:30px;
}
.DetailedList-term {
    border-top: 1px solid;
    padding: 30px 0 20px;
    text-transform:uppercase;
    font-size:.75rem;
    Letter-spacing:.25rem;
}
.DetailedList-definition-text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.4px;
    padding-right: 35px;
}
.DetailedList-title .Heading-title {
    margin-bottom: 40px;
    font-weight: 300;
    letter-spacing: 1px;
}
.DetailedList-title
{
    text-align:center;
    margin:0 auto;
}
.Heading-title
{
    font-size:1.5rem;
    text-transform:uppercase;
}
#meet-desc {
    font-weight: 300;
    line-height: 17px;
    margin-bottom:30px;
}
.our-experts .expert-quotes
{
    letter-spacing:0;
}
.our-experts .expert-description
{
    font-style:normal;
    letter-spacing:0;
}
.lt-2
{
    letter-spacing:2px;
}
#chart, #expert
{
    margin:30px;
}
.btn.btn-outline-primary
{
    font-size:13px;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.table-primary-army.table .table-light-primary tr th
{
    font-size:13px;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.table-primary-army.table tbody tr td {
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 13px;
    line-height: 24px;
    padding: 8px 32px;
}
.meeting-info-chart
{
    width: 550px;
    padding:35px;
    margin: 0 auto;
    height: 100px;
    box-shadow: 0 1px 30px 4px rgb(0 0 0 / 12%);
}
.home-page .feature-offer {
    align-items: center;
    -moz-column-gap: 120px;
    column-gap: 120px;
    display: flex;
    margin-bottom: 60px;
    padding-top: 60px;
}
.form-control
{
    font-size:13px !important;
    
}
.home-page .our-choice {
    padding-bottom: 60px;
    padding-top: 60px;
}
.home-page .our-spaces {
  padding-bottom: 60px;
    padding-top: 60px;
}
.home-page .hotel-features
{
      padding-bottom: 60px;
    padding-top: 60px;
}
.nav-tabs-rancamaya .nav-tabs .nav-link
{
    align-items: center;
    border: none;
    color: #fff;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    font-family: 'Josefin Sans',Arial,sans-serif;
    font-size: 13px !important;
    line-height: 48px;
    padding: 0;
}
.meetings-events-page .tab-menu-rancamaya .nav-tabs {
    margin: 30px 0;
    padding-top: 0;
}
.home-checkin
{
    margin-top:0px;
}
.home-page .about-us {
    margin-bottom: 0;
    margin-top: 0;
}
.fs-4 {
    font-size: 15px !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    line-height: 1.7 !important;
}
h1 {
    line-height: 37px;
    font-size: 40px;
    font-weight: normal;
    font-family: 'Josefin Sans',Arial,sans-serif;
    text-shadow: 1px 1px 2px rgb(25 25 25);
}
.section-header-rancamaya-hotel .navbar-header-dekstop .navbar-item {
    color: #fff;
    font-size: 14px;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

.home-checkin .form-control {
    height: 45px;
    padding: 0 45px 0 15px;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-style:italic;
}
.section-header-rancamaya-hotel .navbar-header-dekstop {
    padding: 0 150px;
}

body:not(.header-fixed) .section-header-rancamaya-hotel .navbar-header-dekstop {
    padding: 0 50px 0 150px;
    margin: 0 80px;
}

/*mobile*/
@media (max-width: 767px) {
    .home-checkin .form-control {
    height: 42px;
    padding: 0 10px;
}
.meeting-info-chart
{
    width: 100%;
    margin: 0 auto;
    height: 100px;
    box-shadow: 0 1px 30px 4px rgb(0 0 0 / 12%);
}
#head-container
{
    position:relative;
    /*bottom:90px;*/
}
#meet-desc {
    font-weight: 300;
    line-height: 17px;
    padding: 0 30px;
}
#title-page {
    color: white;
    text-align: center;
    margin: 30px 0;
    position: absolute;
    bottom: 30px;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    width: 100%;
   
}
}