@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 5
   Tutorial Case
   
   Author:   Jesse Applewhite 
   Date:     10/27/2025
   
   Filename: tf_navicon.css
   
   This file contains styles used to control 
   a navicon menu.

*/


/* ===========
   Base Styles
   ===========
*/

a#navicon{
	display:none;
	
}


/* ===============================
   Mobile Devices: 0 to 480px 
   ===============================
*/

@media only screen and (max-width: 480px) {
a#navicon{
		display:block;
		
	}
	nav.horizontal ul{
		display:none;
	}
	a#navicon:hover+ul,nav.horizontal ul:hover{
		display:block;
		
	}
   
}