#tide-photo-container ul{margin:0; padding:0;}
#tide-photo-container ul li{margin:0; padding:0; display:inline-block;}

#tide-photo-container #tide-photo-menu{background-color:#f4f5fa; padding:10px; margin-bottom:30px; text-align: center;}
#tide-photo-container #tide-photo-menu li a{display:block; text-decoration:none; font-size: 1.2em; background-color: #cbe4e1; border-top: 3px solid #cbe4e1; padding:12px 28px; margin: 5px;}
#tide-photo-container #tide-photo-menu li a:hover{text-decoration:none;}
#tide-photo-container #tide-photo-menu li.active a{background-color: #fff; border-top: 3px solid #50b99b;}

#tide-photo-container #tide-photo-list li{width: 33%; padding: 10px; text-align: center; box-sizing: border-box;}
#tide-photo-container #tide-photo-list li a{display:inline-block;}
#tide-photo-container #tide-photo-list li span{margin:20px 10px; font-weight: bold;}
#tide-photo-container #tide-photo-list li img{height:250px;}
#tide-photo-container #tide-photo-list li span{display:block;}

#FOOTER1{text-align:center;}

@media screen and (max-width: 1200px){
	#tide-photo-container #tide-photo-list li{width:50%;}
}
@media screen and (max-width: 979px){
	#tide-photo-container ul li{width:100%;}
}
@media screen and (max-width: 828px){
	#tide-photo-container #tide-photo-list li img{height:30vw;}
}
@media screen and (max-width: 480px){
	#tide-photo-container #tide-photo-list li{width:100%;}
	#tide-photo-container #tide-photo-list li img{height:auto; width: 100%;}
}

@media print{
	#tide-photo-container #tide-photo-list li img{height: auto; width: 100%;}
}