/* ONLY FOR TEXT OVER HOME PAGE IMAGE */
#hp-image { /* parent div */
    position:relative;
    max-width:1013px; 
	margin:auto;
}

#hp-image a {
 color:#FFFFFF;
}

.mainimage { 
	max-width:1013px;
    position:relative;
    z-index:1;
}
#hp-image .imgtext { 
    position: absolute; 
    max-width:360px;
	max-height: 226px;
	width:100%;
	height:auto;
	right:0; 
	bottom:30px;
	margin-right:3.5%;
	margin-bottom:1.5%;
    z-index:2;
    color: white; 
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size:19px;
    line-height:24px;
   /* font and line-height need to change responsively -moved following to media queries, not wanted for high resolution - gets too large! */
  /*
   font-size: 1.3vw; 
   line-height:1.7vw;
   */
   background: rgba(30,30,30,0.6); /* was 0.7 for opacity, reduced to better see images behind; at 0.5 text is hard to read  */
   padding: 20px;
   padding-top:14px;
   padding-right:22px;
 }
 
.imgtext p {
 margin-bottom:17px;
}
.imgtext p.more {
 font-weight:900;
 font-size:15px;
 line-height:15px;
 float:right;
 margin-bottom:0 !important;
 padding-bottom:0;
}

/* See custom.css for the media queries to adjust the font size */