@media only screen and (min-width: 600px) {
/*Header*/
#logo{
	padding:0;
	width:150px;
	height:150px;
	align-self:center;
}
header{
	height:180px;
	display:inline-flex;
	width:100%;
	padding-left:30px;
}
.small{/*hides small view tagline*/
	display:none;
}
.midlarge{/*contains tagline for medium+ views*/
	color:white;
	font-size:26px;
	margin-left:20px;
	margin-right:30px;
	display:flex;
	align-self:center;
}

/*Navbar*/
.topnav{
	background-color: #00a8aa;
	clear:both;
}
.topnav a{
	text-align:center;
	padding:0;
}
.topnav .icon{
	display:none;
}
.topnav li{
	line-height:50px;
}

/*Weather Page Content*/
#main{
	/*height:100vh;*/
}
#imgsm{/*this and imglg are placeholders and will be removed or replaced later */
	display:none;
}
#imglg{
	display:block;
	width:100%;
	margin-bottom:10px;
}

#franklinimg{/*main franklin img*/
	width:500px;
}
#snapsmall{/*small view weather info*/
	display:none;
}
#snapshot{/*medium+ view weather info*/
	display:block;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid #6a6c70;
	background:rgba(0, 0, 0,.2);
}
#snapshot table{
	font-size:14px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	padding-bottom:50px;
}
.high{
	padding-right:30px;
}
.col1{
	padding-right:30px;
}
.col2{
	text-align:right;
	padding-right:5px;

}
.col3{
	text-align:left;
}
#tenday{/*ten day forecast*/
	display:block;
	width:500px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid #6a6c70;
	background:rgba(0, 0, 0,.2);
}
#tenday table{
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	padding-bottom:15px;
}
#tenday th, td{
	padding-left:9px;
	padding-right:9px;
}

/*Weather Gallery*/
#gallery{
	grid-template-columns: repeat(2,48%);
	grid-gap:4%;
}
.galleryitem{
	font-size:1em;
}

/*Home Page*/
.story{
	width:85%;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	padding:30px;
}
.story p{
	font-size:.95em;
}
.storyimg{
	display:initial;
	max-width:600px;
	font-size:.8em;
	text-align:center;
}
.storyimg p{
	margin-top:5px;
	margin-bottom:25px;
}
.storytext{
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}
#mdlrghelper{
	display: initial;
}
#smallstoryimage{
	display:none;
}
#medstoryimage{
	display:block;
	width:100%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #6a6c70;
}
#smallstorycap{
	display:none;
}
#citysnapshot{
	width:85%;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	flex-direction:row;
}
/*Form*/
form{
	padding:30px;
}
#formResponse{
	padding:20px;
}
}