






			.item2 {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
		/*border : 1px solid;  */
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
     width: 365px;
		 height: 70%; 
		 padding-left:15px;
		 padding-top:30px;
		 padding-bottom: 30px;
		 padding-right: 18px;
		 
		 margin-left: 10px;		 
		 
		 }



	.item3 {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
						 							/*border : 1px solid;  */
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
     width: 330px;
		 height: 20%; 
		 margin-left: 10px;
		 margin-bottom: 5%;
		 /* padding-left:8px; */
		 padding-top:15%;
		 padding-bottom: 15%;	 
		 
		 }




			 /*  *************  start advert overlaytext box  ********************** */
.circle{
    width:180px;
    height:180px;
    border-radius:90px;
    font-size:20px;
    color: #fff;
    line-height: 1.5em;
		font-weight: bold;
    text-align:center;
		
    background:#798a46;  /*b7ca9d; */
	
}




.circ_container {
  position: relative;
                 /*  width: 50%;  */
								  text-align: center;
 									 color: white;
								 
}

.circ_image {
  opacity: 1;
  display: block;
  width: 330px;  /* 100%; */
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
/*  popup box   */
.circ_middle {
  transition: .5s ease;	
  opacity: 0;
  position: absolute;
  top: 35%;
  left: 45%;
	
	
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 1em; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 1em; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 1em; 
}






.circ_container:hover .circ_image {
  opacity: 0.3;
}

.circ_container:hover .circ_middle {
  opacity: 1;
	}

.circ_text {
  background-color: white;   /*#828280; */
  color: white;
  font-size: 25px;
  padding: 6px 10px;
}
.circ_text a:hover {
						 color: white;
						 }
						 

/*  *************  end advert overlaytext box  ********************** */
 
.pict_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	 color: white;
}

.top h2 {
  color: white;
  margin: 0;
  padding: 20px;
}



.green {
  background: white;
  position: relative;
  /*left: -20vw;
  top: 20vh; */
			 height:300px ;
				width:300pk ;
				padding-top: 5%; 
				padding-left: 0px;
	z-index: 1;
	background-image: linear-gradient(to bottom,   #e1ecf5 , #cdd1bc ); /*  was       #d7e371 ); */
	 text-align:  center; */
	 
	
}
.green p{
			 font-family:verdana, sans-serif;
			 font-size: 18px;
			 
			  line-height: 1.3em;
				 /* font-weight: bold; */
    		text-align:center;
			 }
.green h1{
			 font-family:verdana, sans-serif;
			 font-size: 22px;
			 }
.green button {
			 font-family:verdana, sans-serif;
			 font-size: 20px;
			 
			 /*  new  */
			 background: #d9d5d4;    
				text-align: center;
				color: #d91c0b ;  /*  black;     was white  */
				font-size:20px;
				height:38px;
				line-height: 38px;
			  -moz-border-radius: 1em; 
			 /*    ****  */
			 }		 

			 	/* Thick red border */
				hr {
				background:f6f6ee;
 				border: 1px solid red;
				padding-left:50px;
				padding-right:30px;
				}
				
				
				
				
	.advertbox{
		  padding: 2.5% 0 ;
			margin: 1% 0 ;
   		text-align:  center; 
			text-decoration:none;		
		 	width: 100%; 
  		height: auto;
			font-size: 1.3rem;
			line-height: 1.3em;
			background-color:#cbd9a3;  
			border-radius: 25px;
			border: 1px solid grey;
    	
			 color: black;
   		/* font-weight: bold; */
		
    	background:#cbd9a3;  
			}
.advertbox a {
						color: black;
   		/* font-weight: bold; */
			text-decoration:none;
			}
			 			
.advertbox hover {

					color: yellow;
					background: #828280;
					border: 1px solid #828280;
					}

.advertbox visited {

					color: pink;
					background: #828280;
					border: 1px solid #828280;
					}				
					