/*//////////RESPONSIVE///////////*/
@media screen and (max-width: 960px) {
	.office, .status p, .update p{
		padding-left: 10px;
		padding-right: 10px;}
}
@media screen and (max-width: 768px) {
	.office{
		font-size: 3em;}
}

@media screen and (max-width : 600px) {
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_5_2,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:100%;
	}
	.conditions{
		padding: 30px;
		background-color: #0070cd;}
	.conditions p{
		color: #fff;}
	
	.city{
		font-size: 2.3em;}
	.temp{
		font-size: 5em;
		padding: 15px 0;}
	.cityCondition{
		font-size: 2em;}
	.status p{
		text-align: center;}
	.status p span {
		width: 100%;
		display: block;}
	.footer{
		position: relative;}

    
}

@media screen and (max-width : 450px) {
	.updateform{
		width: auto;
		margin: 20px;
		padding: 0;}
    .office{
		padding: 15px 10px;
		font-size: 2em;
		text-align: left;}
}

@media screen and (max-width: 320px) {
}