/*    used in footer ************************************/
.caption{
  
   color: black;
	 /*font-family: verdana, sans-serif, Arial, Calibri, Garamond   ; */
	 font-family: "Roboto", sans-serif ;
	  font-size: 1.1rem;
  line-height: 1.3em;
	
   /* font-family: Arial, Calibri, Garamond , 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
}

@media screen and (max-width: 600px) {
  .caption {
    						font-size: .75rem;
  							line-height: 1.1em;							  
								}						
								}
	

	
@media screen and (max-width: 900px) {
  .caption {
    						font-size: .9rem;
  							line-height: 1.2em;								 
  							}						
							}
	


.caption h1{
				 font-size: 1.3rem;	
				 color: black;  /*white;  	*/	
				 } 
				 
.caption p{
				
				 color: black;  /*white;  */				 
				 text-decoration: none;
				 }
.caption a {
				
				 color: black;  /*white;  */
				 text-decoration: none;
				 
				 }
	.caption a: visited{
				 
				 color: #ccc;  
				 text-decoration: none;
				 }				 			 
	.caption a: hover{
				 
				 color: #ccc; 
				 text-decoration: none; 
				 }				 			 
				 
.caption a: active{
				 
				 color: #ccc;
				 text-decoration: none;  
				 }	
				 
				 
				 
				 
				 .footname {					 
					colour: black;  /*  white;  */
						
				 		/*  font-weight: bold;  */
						
					/* top: 35%;
					left: 116px;
  				/*transform: translateY(50px, 40px); */
					
						}
						
.footsocialfb {
						position: relative;				 
					float:left;						
					bottom:5px;
					right: 10px;
					width: 20px;
		 			height: auto; 
					
  				
					}	


.footsocialin {
						position: relative;				 
					float:left;						
					bottom:5px;
					left: 30px;
					width: 20px;
		 			height: auto; 
					
  				
					}					
	
/*  ***********************************************  */

.item1 {
    /* To correctly align image, regardless of content height: */
    vertical-align: top;
    display: inline-block;
		
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
     max3width: 400px; */
		 height: 300px; 
		 padding-left: 10px;
		margin-left: 20px;
		 /* padding-right: 10px; */
		 
}

				 			 
		/*  from index2  */