body:{
	margin:0;
}


.one-half {
    position: absolute;
    height: 100%;
    width: 50%;
    z-index: 0
}

#left { left: 0; 
		background-color: #D4C7B0;
}
#right { right: 0;
		background-color: #9B9B9B;
 }


 #left-click,a,a:visited{
 	position: absolute;
 	top:6%;
 	color:transparent;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;
 	width:100%;
 }

 #left-click:hover,a:hover{
 	color:#63A418;
 	font-size: 45pt;
 	transition: 1s;


 }

  #right-click,a,a:visited{
 	position: absolute;
 	top:50%;
 	right:6%;
 	color:transparent;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;

 }

 #right-click:hover,a:hover{
 	color:#63A418;
 	font-size: 45pt;
 	transition: 1s;


 }

 #fountain, a,a:visited{
 		left:%;
 		position: absolute;
 	top:8%;
 	color:transparent;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;


 }


#fountain:hover,a:hover{
 	color:#63A418;
 	font-size: 45pt;
 	transition: 1s;
 }

 /* phone bit below */



 @media(max-width: 640px){

#circle{
 		border-radius: 50px;
 		width:50px;
 		height:50px;
 		background: #4A4A4A;
 		position:absolute;
 		top:6%;
  		left:43%;
  	
 }

 #left-click,a,a:visited{
 	position: absolute;
 	top:50%;
 	left:6%;
 	color:#63A418;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;


 }



  #right-click,a,a:visited{
 	position: absolute;
 	top:50%;
 	right:6%;
 	color:#63A418;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;

 }



 #fountain, a,a:visited{
 		left:44%;
 		position: absolute;
 	top:8%;
 	color:#63A418;
 	font-family: 'Francois One', sans-serif;
 	font-size: 35pt;


 }