body {
	background-color: #117A8E;
}

h1 {
	font-family: 'Century-Gothic';
	font-size: 3.5em;
	text-align: center;
	margin: 3rem auto;
	width: 100%;
}

.info {
	margin: 0 auto;
	width: 30%;
}

#load {
	
	float: left;
	margin: 0px;
	padding: 0 25%;
	width: 100%;
}

#location {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

#weathergif {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	box-sizing: border-box;
}

#temperature {
	display: inline-block;
	margin: 2.5rem auto 0 auto;
	text-align: center;
	box-sizing: border-box;
}

#current {
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
}

#min-max {
	display: inline-block;
	margin: 0 auto 2rem auto;
	text-align: center;
	box-sizing: border-box;
} #min {
	
	float: left;
} .backslash {
	
	float: left;
	margin: 0 1.5rem;
} #max {
	
	float: left;
}

#city {
	
	float: left;
}

#country {
	
	float: left;
}

#temp {
	text-align: center;
	float: left;
}

.munit {
	float: left;
}

#unit {
	cursor: pointer;
	float: left;
	color: #2fadc4;
}

#humidity {
	text-align: center;
	margin-bottom: 3rem;
}

.clearfix {
	clear: both;
}