/* It is recommended to place all your extra/additional CSS rules here */


section#main-content div#front-logo {
	 margin:2% auto;
	width:330px;

	}
	
 
@media (min-width: 768px) { 
	section#main-content div#front-logo {
margin:17% 20%;
	width:330px;
	}
}


 .glyphicon-stats:before {
  content: "";

}

img#mmsfig {
	margin-left:-70px;
	margin-top:-10px;
}


p.tags {

font-size:70%;
color:#C9DDC6;
font-weight:bold;
font-style:italic;


}

.glyphicon-record:before {
  content: "";
}

img#foc {
	margin-left:-20px;
	margin-top:-110px;
}

.glyphicon-file:before {
  content: "";
}

.glyphicon-lock:before {
  content: "";
}

section.grid div.grid-item {

	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(70, 87, 107)),
	color-stop(1, rgb(205, 195, 219))
);
background-image: -o-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.1) 100%);
background-image: -moz-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219 , 0.2) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(70, 87, 107,0.8) 0%, rgba(205, 195, 219,0.2) 100%);
background-image: -ms-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.2) 100%);
background-image: linear-gradient(to bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.2) 100%);

}
 
article#workshops section.grid div.grid-item {
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(189, 179, 89)),
	color-stop(1, rgb(250, 250, 195))
);
background-image: -o-linear-gradient(bottom, rgba(189, 179, 89, 0.8) 0%, rgba(250, 250, 195,0.2) 100%);
background-image: -moz-linear-gradient(bottom, rgba(189, 179, 89, 0.8) 0%, rgba(250, 250, 195,0.2) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(189, 179, 89, 0.8) 0%, rgba(250, 250, 195,0.2) 100%);
background-image: -ms-linear-gradient(bottom, rgba(189, 179, 89, 0.8) 0%, rgba(250, 250, 195,0.2) 100%);
background-image: linear-gradient(to bottom, rgba(189, 179, 89, 0.8) 0%, rgba(250, 250, 195,0.2) 100%);
 
}


   @media (min-width: 768px) {
		   div.modal-body  h1 {
		 font-size: 1.8em;
		}

 
/*         h2 { font-size:1.95em; }
        h3 { font-size:1.65em; }
        h4 { font-size:1.28em; }
        h5 { font-size:1.15em; }
        h6 { font-size:1.05em; } */
    }
    @media (min-width: 992px) {
       		   div.goeasywithh1 h1 {
		 font-size: 2.1em;
		}
/*         h2 { font-size:1.8em; }
        h3 { font-size:1.5em; }
        h4 { font-size:1.4em; }
        h5 { font-size:1.2em; }
        h6 { font-size:1.1em; }         */
    }
	
	
p.smallertext {
margin-top:0.5em;
font-size:76%;
}
ul.smallertext {
margin-top:0.5em;
font-size:76%;
}


article#carousel div.carousel-text-content {

	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(70, 87, 107)),
	color-stop(1, rgb(205, 195, 219))
);
background-image: -o-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.1) 100%);
background-image: -moz-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219 , 0.2) 100%);
background-image: -webkit-linear-gradient(bottom, rgba(70, 87, 107,0.8) 0%, rgba(205, 195, 219,0.2) 100%);
background-image: -ms-linear-gradient(bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.2) 100%);
background-image: linear-gradient(to bottom, rgba(70, 87, 107, 0.8) 0%, rgba(205, 195, 219, 0.2) 100%);

}

div.carousel-text-content  {
padding:1em;
}

p#linkedin {
float:left;
margin-left:3em;
}

p.floatleft
 {
float:left;
margin-left:3em;
}


 #main-content .col-sm-11 .feature-columns .feature-col .thumbnail img.item-thumbnail {
width: 33.33% !important; 
}

div#addtional-projects {
clear:both;
margin: 2em;	
}
div#addtional-projects h3 ,
div#addtional-projects ul {
	float:left;
}