/*big tablet to 1200px (widths smaller than 1140px row) */
@media only screen and (max-width: 1200px) {


}




/*small tablet to big tablets: from 768px to 1023px */
@media only screen and (max-width: 1023px) {

    .dining { width: 75%;}
}




/*small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {

   
}

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
    ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
    
    /*---------close gap between Welcome and SHOW MENU--------*/
    
    section h2 { padding-top: 20px;}
    
    
    h1 {font-size: 90%;}

    
    
    
    
/*----------NEEDED TO ADD THIS TO SLIDESHOW TO CONTRADICT MAKING DROPDOWN LINKS APPEAR INLINE ----see above------------*/  
    
    .logo { width: 100px;
        }
    
    .rslides_container ul {
        display: block;
    } 
    .rslides-container {
        margin: 0 auto;
    }
    p.hideaddress{display: none;}
    
   
    
    
    footer img {
        width: 100%;
        margin: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .col {
        margin: 0;
    }
   footer .left {
    float: left;
    padding-left: 20px;
}
footer .right{
    float: right;
    padding-right: 20px;
}
 
}


/*SMALL PHONES: from 0 to 480px */
@media only screen and (max-width: 480px) {

    
     h1 {float: left;}
     
    h2 { font-size: 90%;}
    .tel {
        float: left;
        padding-left: 20px;
    }
    header p {margin-top: 0px;}
     .dining {
         width: 100%;
         font-size: 90%;
    }

}