/*
    Author: Dimitrios Kyriakis
    Edited: 22/2/2018;
*/



/* ------------------------------------------------------------------
/* g. Testimonials
/* ------------------------------------------------------------------ */

#testimonials {
   
   background-size: cover !important;
	-webkit-background-size: cover !important;
   background-attachment: fixed;

   position: relative;
   max-height: 400px;
   min-height: 400px;
   width: 100%;
   overflow: hidden;
}
#testimonials .text-container {
   /*padding-left: 96px;*/
   text-align: center;
/*   padding-top: 96px;
   padding-bottom: 66px;*/
}
#testimonials h1 {
   font: 18px/24px 'opensans-bold', sans-serif;   
   text-transform: uppercase;
   letter-spacing: 3px;
   color: #fff;
}
#testimonials h1 span { display: none; }
#testimonials .header-col { padding-top: 9px; }
#testimonials .header-col h1:before {
   font-family: 'FontAwesome';
   content: "\f10d";
	padding-right: 10px;
	font-size: 72px;
   line-height: 72px;
   text-align: left;
   float: left;
   color: #fff;
}

/*	Blockquotes */
#testimonials blockquote {
   margin: 0 0px 30px 0px;
   padding-left: 0;
   position: relative;
   text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
}
#testimonials blockquote:before { content: none; }
#testimonials blockquote p {
   font-family: 'librebaskerville-italic', serif;
   padding: 0;
   font-size: 24px;
   line-height: 48px;
   color: #fff
}
#testimonials blockquote cite {
   display: block;
   font-size: 12px;
   font-style: normal;
   line-height: 18px;
   color: #fff;
}
#testimonials blockquote cite:before { content: "\2014 \0020"; }
#testimonials blockquote cite a,
#testimonials blockquote cite a:visited { color: #8B9798; border: none }



/* MY COLUMN DIV */

/* Create three equal columns that floats next to each other */
.jimcolumn {
   float: left;
   width: 33.33%;
   padding: 50px;
   height: 300px; /* Should be removed. Only for demonstration */
   font-size: 18px;
}

.jimcolumn h3 {
   border-bottom: 4px solid #11abb0;
   text-align: center;
}

.jimcolumn li {
   color: lightgrey;
   /*font-size: 19px;*/
   font-weight: bold; 
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
    .jimcolumn {
        width: 100%;
    }
}