@charset "utf-8";
/* CSS Document */

#boxes {
    
    box-sizing: border-box;
    width: 100%;

}

.box {
    
    width: 49.9%;
    float:left;
    height:auto;
    
}

.box.left {
    
    width: 49.9%;
    
}

.box h2, #pop-up h2 {
    
    margin: 0;
    padding:0;
    font-family:"Mostra N W00 Bold";
    font-style: normal;
    font-weight: 400;
    font-size: 2.08vw;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.20vw;
    margin-bottom: 0.5vw;
    
}

.box a, #pop-up a {
    
    text-decoration: none;
    color:inherit;
    outline: 0;
    
}

.box a:hover, #pop-up a:hover {
    
    text-decoration: underline;
    color:inherit;
    outline: 0;
    
}

.box .inner.left-margin-full    {

    margin-left: 7.29vw;    
    
}

.box .inner.left-margin-half    {

    margin-left: 3.95vw;    
    
}

.box .inner.right-margin-full    {

    margin-right: 7.29vw;     
    
}

.box .inner.right-margin-half    {

    margin-right: 3.95vw;    
    
}

.box .inner.top-margin-normal    {

    margin-top: 10vw;     
    
}

.box .inner.top-margin-small    {

    margin-top: 0.83vw;     
    
}

.box .inner.top-margin-smallish    {

    margin-top: 7.29vw;     
    
}

.box .inner.top-margin-double    {

    margin-top: 14.58vw;      
    
}

.box .inner.bottom-margin-small    {

    margin-bottom: 0.83vw;     
    
}

.box .inner.bottom-margin-normal    {

    margin-bottom: 10vw;     
    
}

.box .inner.bottom-margin-double, .box.last    {

    margin-bottom: 14.58vw;     
    
}

.box .image img, .box.image img, .box.slideshow, .box.slideshow img, .box.makeAReservation, .box.quotes  {
    
    visibility:hidden;
    
}

.fadeIn {
    
    -webkit-animation: animat_show 1s;
    animation: animat_show 1s;
    visibility: visible !important;
    
}

@-webkit-keyframes animat_show{
    
    0%{opacity:0}
    100%{opacity:1}
    
}

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

/*    .box h2, #pop-up h2 {

        font-size: 18px;
        letter-spacing: 2px;

    }*/
    
}

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

    .box.hide-on-mobile {

        display:none;

    }
    
    .box {

        width:100%;

    }  

    .box h2, #pop-up h2 {

        font-size: 5.4vw;
        letter-spacing: 0.6vw;
        text-align: center;

    }
    
    .box .inner.left-margin-none
    .box .inner.left-margin-full,
    .box .inner.left-margin-half{

        margin-left: 0;    

    }

    .box .inner.right-margin-none
    .box .inner.right-margin-full,
    .box .inner.right-margin-half{

        margin-right: 0;    

    }

    .box .inner.top-margin-none,
    .box .inner.top-margin-small,
    .box .inner.top-margin-smallish,
    .box .inner.top-margin-normal,
    .box .inner.top-margin-double {

        margin-top: 0;     

    }

    .box .inner.bottom-margin-none,
    .box .inner.bottom-margin-small,
    .box .inner.bottom-margin-normal,
    .box .inner.bottom-margin-double {

        margin-bottom: 0;     

    }
    
    .box.last {
        
        margin-bottom: 19.44vw;    
        
    }

}