body {
	background-color: lightblue;
}

#content_1 {
	display: block;
}

#content_2 {
	display: none;
}


@media screen and (min-width: 480px) {
	
	body {
		background-color: #2FC774;
		font-family: sans-serif;
	}

	#content_1 {
		display: none;
	}

	#content_2 {
		display: block;
	}

}

/*Table Styling*/

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 20px;
    text-align: left;
}

/*Table Styling, such as a grey color and position data.*/
table#hiptable {
    width: 75%;    
    background-color: #DCE5E4;
    position: absolute;
    top: 50px;
    left: 50px;
}

/*Caption Styling*/
caption{
	font-size: 40px;
	padding-bottom: 25px;
	text-align: left;
	font-weight: bold;

}

