@media only screen and (min-width: 768px) {

	h1{color: cyan;}
    
    header h1 {font-size: 2.85rem;}
    header h2 {font-size: 1.5rem; }
    header img {height: 100px;}
    
    div.storyWrapper {
        width: calc(100% - 110px);
        float: right;
    }


	/* GRID */
    .medium-6 {width: 50%;}
    .medium-4 {width: 33.33333333%;}

	nav button {display: none;}
	nav ul {display: block;}
	nav li {width: 20%; float: left;}

    #nav1 {display:none;
        visibility: hidden;
    }

    #nav2 {display:block;
        visibility:visible;
    }		
    

} /* end of media query */