@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800);
@import url('font-awesome.min.css');


@import url('animate.css');


/* education */


#education {
	min-height: 390px;
}

.grid1 h3 {
	/* color: #146eb4; */
	color: #008080;
	font-family: 'Montserrat', sans-serif;
	text-transform: capitalize;
	margin-bottom: .5em;
	font-size: 24px;
}

.grid1 h4 {
	
	
	font-family: 'Montserrat', sans-serif;
	margin-top: 1em;
	font-size: 20px;
}

.grid1 p {
	font-size: 14.5px;
	color: #4a4a4a;
	letter-spacing: .5px;
	line-height: 28px;
	margin: 1em 0 0;
}

.grid1 {
	padding: 2em;
	border: 1px solid #dedede;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.75);
}

.grid1:hover {
	padding: 2em;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0px 1px 16px 3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 1px 16px 3px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 1px 16px 3px rgba(0, 0, 0, 0.75);
	background-color: #bdbdbd;
	font-weight: bold;
	font-color: white;
}

.educationbottom {
	margin-top: 2em;
}

/* education */

.btn-circle {
	font-size: 26px;
	width: 55px;
	height: 55px;
	margin-top: 15px;
	line-height: 45px;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	color: white;
	border: 2px solid white;
	border-radius: 100% !important;
	background: transparent;
}

.btn-circle:focus, .btn-circle:hover {
	color: white;
	outline: none;
	background: rgba(255, 255, 255, 0.1);
}

#whiteScroll:hover, #whiteScroll {
	color: black;
	border: 2px solid black;
}