body{font-family: sans-serif, Verdana, Arial, Helvetica;}
.footer {text-align: center;font-weight: bold;}
.header {text-align: left;}
h3 {text-align:left;margin-left:5.5%;font-weight:normal;}
h2 {text-decoration: none;margin-left:2%;font-size: 200%;}
a {text-decoration: none;font-weight:bold;}




/*red borders around province grouping*/

/*western cape*/

.westerncape {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.westerncape{
    background-image: url(../images/wc.png);
    background-position:top left;
    
}

/*eastern cape*/
.easterncape {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.easterncape{
    background-image: url(../images/ec.png);
    background-position:top left;
    
}

/*KZN*/

.kzn {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.kzn{
    background-image: url(../images/kzn.png);
    background-position:top left;
    
}

/*Northern Cape*/

.nc {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.nc{
    background-image: url(../images/nc.png);
    background-position:top left;
    
}

/*Free State*/

.fs {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.fs{
    background-image: url(../images/fs.png);
    background-position:top left;
    
}

/*Gauteng*/

.gt {width: 15%;height: 100%;float: left;margin-left:4%;padding:2%;margin-top:20px;border:solid red;border-top-left-radius: 10px;


border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}


.gt{
    background-image: url(../images/gauteng.png);
    background-position:top left;
    
}



a.navtemp{color: grey; font-weight:normal;}

a.nav:hover {
color: red; text-decoration:none;}
img {max-width:100%; margin: 0px auto;display:block}



/*-------------------------------------------------*/
    
@media screen and (max-width: 1000px) {
	body {
	/*background-color: blue;*/
	}
.gt, .fs, .nc, .kzn, .westerncape, .easterncape, .boxleft, .boxcenter, .boxright
   { width: 30%;height: auto;float: none;margin-left:5%;padding:5%;margin-top:20px; border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}

	}
/*--------------------------------------------*/

/*-------------------------------------------*/
	@media screen and (max-width: 960px) {
	body {
	/*background-color: grey;*/
	}
.gt, .fs, .nc, .kzn, .westerncape, .easterncape, .boxleft, .boxcenter, .boxright /*{padding:5%;border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}*/


   { width: 50%;height: auto;float: none;margin-left:5%;padding:5%;margin-top:20px; border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}




	}
	
/*-----------------------------------------------*/	
	
	
		@media screen and (max-width: 768px) {
		body {
		/*background-color: orange;*/
		}
.gt, .fs, .nc, .kzn, .easterncape, .westerncape, .boxleft, .boxcenter, .boxright {width: 50%;height: auto;float: none;margin-left:5%;padding:5%;margin-top:20px; border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
		
		}
		/*img {max-width:100%}*/
		
			@media screen and (max-width: 550px) {
			body {
			/*background-color: yellow;*/
			}
.gt, .fs,  .nc, .kzn, .easterncape, .westerncape, .boxleft, .boxcenter, .boxright {width: 50%;height: auto;float: none;margin-left:5%;padding:1%;margin-top:20px;border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
			
			}
			/*img {max-width:100%}*/
			
				@media screen and (max-width: 320px) {
				body {
				/*background-color: green;*/
				}
.gt,.fs, .nc, .kzn, .easterncape, .westerncape, .boxleft, .boxcenter, .boxright {width: 50%;height: auto;float: none;margin-left:5%;padding:5%;margin-top:20px; border:solid red;border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
				
				}
				/*img {max-width:100%}*/