#hex {
    position: relative;
    top: 40vh;
    color: white;
    text-align: center;
    font-weight: 300;
    font-size: 180px;
    font-family: 'Josefin Sans', sans-serif;
}

.forecast {
	position: fixed;
	top: 20px;
	right: 20px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}

#container{
	position:fixed;
    padding:0;
    margin:0;

    top:0;
    left:0;

    width: 100%;
    height: 100%;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
	#hex {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 240px;
    font-weight: 300;
}	
}