@media only screen and (max-width: 959px) {
	.container003 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}	
	.column001 {
		flex: 1;
		width: 100%;
		margin: 5px;
		font-size: 20px;
		font-weight: bold;
		box-sizing: border-box;
		font-family: 'Manrope', sans-serif;
	}
	.column002 {
		flex: none;
		width: 100%;
		padding: 10px;
		margin: 5px;
		text-align: center;
	}
	.column003 {
		flex: 1;
		width: 100%;
		padding: 10px;
		margin: 5px;
		text-align: center;
		padding-right: 50px;
	}
    body {
		font-family: 'Manrope', sans-serif;
		background-color: #fff;
    }
	.sunny {
		/* Background color for daily chance of rain less than 20 */
		color: black;
		background-image: linear-gradient(to right top, #34a1eb, #34a1eb, #ffd17a);
	}
	.cloudy {
		/* Background color for daily chance of rain between 20 and 50 */
		color: rgb(0, 44, 139);
		background-image: linear-gradient(to right top, #7da6b5, #cbd3d6, #bbe7f2);
	}
	.rainy {
		/* Background color for daily chance of rain above 50 */
		color: rgb(0, 44, 139);
		background-image: linear-gradient(to right top, #88898a, #bac9cf);
	}
	.contain {
		/*background-size: contain;*/
		margin-left: 3%;
		margin-right: 3%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.transparent-box1 {
		/*background: rgba(255,255,255,0.5);*/
		border-radius: 25px;
		/*color: black;*/
	}
	.sunny-box {
		background: rgba(255,255,255,0.75);
		/* set the background transparency for sunny weather */
	}
	  
	.cloudy-box {
		background: rgba(255,255,255,0.65);
		/* set the background transparency for cloudy weather */
	}
	.rainy-box {
		background: rgba(255,255,255,0.85);
		/* set the background transparency for rainy weather */
	}
	.Mont900 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 3em;
		text-align: center;
		color: #ffffff;
		vertical-align: central;
	}
	.Mont600 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 2em;
		text-align: center;
		color: #ffffff;
		vertical-align: central;
	}
	.Mont300Header {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 1.2em;
		text-align: center;
		vertical-align: central;
	}
	.Mont300Number {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 1.05em;
		text-align: center;
		vertical-align: central;
	}
	.Mont300SubHeading {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 1.05em;
		text-align: center;
		vertical-align: central;
		color: #ffffff;
	}
	.Mont200Header {
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		margin: 0 auto;
		font-size: 0.9em;
		text-align: center;
		vertical-align: central;
		color: #ffffff;
	}
	.lineHeight1 {
		line-height: 0.85em;
	}
	.subHeading1 {
		font-family: 'Manrope', sans-serif;
		font-weight: normal;
		font-size: 11px;
	}
	.rowHeight1 {
		font-family: 'Manrope', sans-serif;
		font-weight: normal;
		font-size: 5px;
		height: 5px;
	}	
	.rounded-corners {
		border-radius: 15px;
		background-color: white;
		vertical-align: middle;
	}
	.forecast1 {
		font-family: 'Manrope', sans-serif;
		font-weight: normal;
		font-size: 16px;
		align-items: center;
		justify-content: center;
		line-height: 1.25;
		text-align: center;
		width: 720px;
	}
	#alert-id {
		background: red;
		/*border: 2px black;*/
		display: block;
		font-size-adjust: 0.5;
		height: 0;
		overflow: hidden;
		padding: 10px;
		position: relative;
		margin-left: 150px;
		margin-right: 150px;
		/*padding-left: 30px;*/
		/*padding-right: 30px;*/
	}
	#alert-id:after {
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.footer {
		font-size: 11px;
		background: #5c7bad;
		text-align: center;
		color: #ffffff;
	}