@charset "UTF-8";

/* Body */

body {

	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

	background-color: #FFFFFF;

	margin: 0;

	 

 





}



/* Container */

.container {

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	background-color: #FFFFFF;

}

.text_thumbnail{

	padding-top: 18px;

	

}

.link {

	padding-top: 35px;

		display: inline-block;

	vertical-align:bottom;

	

	



}

/* Header */

header {

	width: 100%;

	height: 8%;

	background-color: #5D5E5D;

	border-bottom: 1px solid #353635;

}





.logo {

	color: #fff;

	font-weight: bold;

	margin-left: auto;

	letter-spacing: 4px;

	margin-right: auto;

	text-align: center;

	padding: 15px;

	line-height: 2em;

	font-size: 22px;

}

.hero_header {

	color: #FFFFFF;

	text-align: center;

	margin: 0;

	letter-spacing: 4px;

}

/* About Section */

.text_column {

	width: 90%;

	text-align: left;

	font-weight: lighter;

	line-height: 25px;

	padding-left: 20px;

	padding-right: 20px;

	color: #010000;

	display: block;

	

}

.gallery {

	clear: both;

	width: 100%;

	background-color: #FFFFFF;

	/* [disabled]min-width: 400px;

	

*/

	padding-bottom: 35px;

	padding-top: 0px;

	margin-top: -5px;

	margin-bottom: 0px;

	

	display: inline-block; 

	align-items: stretch;

	 



	 





	

}

.thumbnail {

	width: 46%;

	text-align: center;

	float: left;

	margin-top: 35px;

	background-color: #F8F8F8;

	padding-bottom: 20px;

	margin-left: 1%;

	margin-right: 1%;

	

	border-radius: 3px;

	padding-top: 20px;

	border-bottom: 4px solid #6DC7D0;

}

.gallery .thumbnail h4 {

	margin-top: 5px;

	margin-bottom: 5px;

	color: #52BAD5;

	text-align: left;

	padding-left: 20px;

	padding-right: 20px;

}

.gallery .thumbnail p {

	margin: 0;

	color: #484848;

	text-align: left;

	padding-left: 20px;

}

/* More info */



.intro {

	background-color: #FFFFFF;

	padding-bottom: 35px;

}







.column {

	width: 50%;

	text-align: center;

	padding-top: 30px;

	float: left;

}

.intro .column h3 {

	color: #FFFFFF;

	text-align: center;

}

.intro .column p {

	color: #FFFFFF;

}

.cards {

	width: 75%;

	max-width: 100%;

	max-height: 450px;

	opacity: 0.9;

}

.intro .column p {

	padding-left: 30px;

	padding-right: 30px;

	text-align: justify;

	line-height: 25px;

	font-weight: lighter;

	margin-left: 20px;

	margin-right: 20px;

	width: 80%;

	margin-top: 4%;

}

.button {

	

  background-color: white; 

  color: black; 

  border: 2px solid #4CAF50;

  padding: 15px 15px;

  text-align: center;

  text-decoration: none;

  font-size: 16px;

  margin: auto;

  cursor: pointer;

display: block;

	width: 80%;

	



}



.button:hover {

	

	color: #2C7404;

	cursor: pointer;

}



.intro {

	display: inline-block;

	background-color: #6DC7D0;

}



.gallery .thumbnail .tag {

	font-size: 20px;
	font-style:oblique;
	
	
	color: #0B0A0A;

	padding-bottom: 4px;

	padding-top: 40px;

	text-align: left;

	padding-left: 20px;

	padding-right: 20px;

}



.tag2 {

	color: #5D5E5D;

	padding-bottom: 4px;

	padding-top: 1px;

	text-align: left;

	padding-left: 20px;

	padding-right: 20px;

}



/* Mobile */

@media (max-width : 359px ){

.logo {

	width: 100%;

	text-align: center;

	margin-top: 13px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding: 5px;

}

.text_column {

	width: 100%;

	text-align: justify;

	padding: 0;

}

.intro .column p {

	width: 80%;

	margin-left: 0px;

}

.text_column {

	padding-left: 20px;

}

.thumbnail {

	width: 100%;

	

}

.column {

	width: 100%;

	margin-top: 0px;

}

	

.hero_header {

	padding-left: 10px;

	padding-right: 10px;

	line-height: 22px;

	text-align: center;

}



.gallery{

	display: inline-block; 

	align-items: stretch;

	 

}

}



/* Small Tablets */

@media ( min-width : 360px ) and (max-width : 768px ){

.logo {

	width: 100%;

	text-align: center;

	margin-top: 13px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

		padding: 5px;



}

.text_column {

	width: 100%;

	text-align: left;

	padding: 0;

}

.thumbnail {

	width: 100%;

}

.column {

	width: 100%;

	margin-top: 0px;

}

.thumbnail {

	width: 100%;

}

.text_column {

	padding-left: 20px;

	padding-right: 20px;

	width: 90%;

}

.column {

	width: 100%;

	margin-left: 0px;

	margin-right: 0px;

}

.profile {

	width: 100%;

}

.intro .column p {

	width: 90%;

	text-align: center;

	padding-left: 0px;

}



.gallery{

	display: inherit; 

	 

}

}

	

/* Small Desktops */

@media ( min-width : 768px ) and (max-width : 2000px ){

.text_column {

	width: 100%;

}

.thumbnail {

	width: 48%;

}

.text_column {

	width: 90%;

	margin: 0;

	padding: 20px;

}

.intro .column p {

	width: 80%;

}





.gallery{

	display: flex;

	align-items: stretch;

	 

}

}