body
{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/Weather_background_FullSpring.jpg); 
	background-repeat:no-repeat; 
	background-size: 100%;
	font-size: 2vw;
}
img {
    max-width: 100% !important;
}
.OutsideContainerGradient
{
background: #00305f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzA1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzI1NjI4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGZhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #00305f 0%, #256288 39%, #e8faff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00305f), color-stop(39%,#256288), color-stop(100%,#e8faff));
background: -webkit-linear-gradient(top,  #00305f 0%,#256288 39%,#e8faff 100%);
background: -o-linear-gradient(top,  #00305f 0%,#256288 39%,#e8faff 100%);
background: -ms-linear-gradient(top,  #00305f 0%,#256288 39%,#e8faff 100%);
background: linear-gradient(to bottom,  #00305f 0%,#256288 39%,#e8faff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00305f', endColorstr='#e8faff',GradientType=0 );
-webkit-box-shadow: 0 0 5px 0 #000000;
box-shadow: 0 0 5px 0 #000000;
-webkit-border-radius: 10px;
	border-radius: 10px;
}
.InsideContainerGradient{
	background-color: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
	padding: 5px;
	box-sizing: border-box;
}
.FullTable2
{
	background:url(../images/Weather_BG_Bottom_Full3.png); 
	background-repeat: no-repeat;
	background-size: 100%;
	font-size:45px;
	color:#000;
}
.FullTable2 img
{
	height: 100px;
}
.CurrentHumidtyFull{
	font-size: 3vw;
}

.CurrentTempFull
{
	color:#FFF; 
	font-size:6vw;
	text-shadow: 0px 1px 1px #000;
}

.lowColourFull
{
	color:#006;
	font-size: 3vw;
}

.highColourFull
{
	color:#900;
	font-size:3vw;
}
#conditions{
	text-shadow: 0 0 3px #FFFFFF;
}
#humidity{
	font-weight: bold;
	text-shadow: 0 0 3px #FFFFFF;
}