@import url(https://fonts.googleapis.com/css?family=OpenSansBold:700);
@font-face {
	font-family: 'OpenSansRegular';
	src: url('assets/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'OpenSansLight';
	src: url('assets/OpenSans-Light.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'OpenSansBold';
	src: url('assets/OpenSans-Bold.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'OpenSansRegular', arial,helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.42;
	color: #333;
}

a { 
	color: #00A0B0; 
}

a:hover, a:focus { 
	color: #008997; 
}

h1, h2, h3, h4, h5 {
	font-family: 'OpenSansBold', sans-serif;
	color: #00353a;
	-webkit-font-smoothing:antialiased;
	text-transform: uppercase;
}

h2 { 
	font-size: 2rem;
	text-align: center;
	margin-bottom: 50px;
}

p {
	font-family: 'OpenSansRegular', arial,helvetica,sans-serif;
	font-size: 0.95rem;
	color: #464646;
}

.button {
	font-family: 'OpenSansRegular', arial,helvetica,sans-serif;
	font-size: 13px;
	color: #00A0B0;
	border: solid 1px #00A0B0;
	background: none;	
	padding: 6px 14px;
}

.button:hover, .button:focus, .navi .links a.button:hover, .navi .links a.button:focus {
	color: #fff;
	background: #008997;	
}

/******************** Top ********************/
header {
	background: url('ca150/photo9.jpg') no-repeat;
	background-position: top;
	background-size: cover;
	height: 490px;
}

.logo {
	background: #fff;
	padding: 5px 12px;	
	float: left;
	-webkit-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
}

.langswitch {
	background: #fff;
	padding: 2px 1px;
	float: right;
	-webkit-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 3px 10px 0px rgba(0,0,0,0.1);
	color: black !important;
}

.langswitch p {
	margin-bottom: -2px; 
	color: black !important;
}

.welcome, .welcomefr { 
	text-align: center; 
}

.welcome h1 { 
	font-size: 3.6rem;
	margin: 180px 0 8px 0; 
	color: #fff;
	text-transform: uppercase;
}

.welcomefr mmudy h1 { 
	font-size: 4vw !important;
	margin: 180px 0 8px 0; 
	color: #fff;
	/*text-transform: uppercase;*/
}

.welcome p, .welcomefr p { 
	font-size: 1.4rem;
    line-height: 1.4;
    color: #fff;
	-webkit-font-smoothing:antialiased;
}


/******************** Intro ********************/
.intro {
	padding: 70px 0;	
}

.intro p {
	font-size: 1.16rem;
	line-height: 1.64;	
	text-align: center;
	-webkit-font-smoothing:antialiased;
}

/******************** Map ********************/
#map {
    width: 100%;
    height: 700px;
    margin-top: -50px;
    z-index: -9999;
}

.map h2 {
	background: #fff;
	display: inline-block;	
	line-height: 1;
    padding: 0 5px 2px 5px;
    margin: 5px 0 0 15px;
}

/******************** Media ********************/
.media { 
	padding: 70px 0 90px 0;
	background: #669900; 
}

.media h2 {
	color: #fff;
}

.media .columns {
	padding-left: 0.5rem;
    padding-right: 0.5rem;
} 

.media .media-btm {
	margin-bottom: 1rem;
}

.media .image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.media .image img {
	width: 100%;
}

.media .image h2 { 
	font-family: 'OpenSansLight', arial,helvetica,sans-serif;
	font-size: 0.9rem;
	text-align: left;
	text-transform: none;
	line-height: 1.2;
	color: #fff;
	z-index: 10;
	position: absolute;
	bottom: 0;
	padding: 10px 20px 10px 15px;
	margin: 0;
	width: 100%;
	background: rgba(0,0,0, 0.3);
	
}

/******************** Get Involved ********************/
.get-involved {
	padding: 70px 0 40px;	
}

.get-involved ul {
	margin-top: 30px;	
}

.get-involved p {
	margin: 30px 0 15px 0;	
}

/******************** Partners ********************/
.partners {
	/*background: url('images/partners.jpg') no-repeat;*/
	background-position: top;
	background-size: cover;	
	/*padding: 70px 0 75px;*/
}

.partners h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 55px;
	font-size: 2rem;
}

.partners h5 {
	font-family: 'OpenSansLight', arial,helvetica,sans-serif;
	font-size: 0.85rem;
	color: #fff;
}

.slick-slider { 
	margin-bottom: 0; 
}

.slick-slider .slick-prev:hover, .slick-slider .slick-next:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:focus { 
	background: transparent;	
}

.slick-slider .slick-prev { 
	left: -60px; 
}

.slick-slider .slick-next { 
	right: -60px; 
}

.slkSlider ul li { 
	padding: 0; 
}

.slick-dots li { 
	margin: 0px 3px; 
}

.slick-slider .slick-prev:before {
	content: url('images/arrow-l.png');
	width: 18px;
	height: 37px;
}

.slick-slider .slick-next:before {
	content: url('images/arrow-r.png');
	width: 18px;
	height: 37px;
}

/******************** Contact ********************/
.contact {
	background: #f4f4f4;
	padding: 75px 0 0 0;
}

.contact h5 { 
	margin-bottom: 15px;
}

.contact p {
	font-size: 0.9rem;
}

.contact form input {
	font-family: 'OpenSansRegular', arial,helvetica,sans-serif;
	color: #333;
	height: 42px;
	border-radius: 3px;
	border: none;
	margin-bottom: 0.75rem;
	padding-left: 15px;
}

.contact form textarea {
	border: none;
	padding: 15px 0 0 15px;
	border-radius: 3px;
}

.contact form .button {
	font-size: 0.95rem;
	color: #fff;
	background: #00A0B0;
	padding-top: 3px;
}

.contact form .button:hover, .contact form .button:focus {
	background: #008997;
}

.footer {
	border-top: solid 1px #ddd;
	padding: 15px;
	text-align: center;
	margin-top: 60px;
}

.footer p {
	font-family: 'OpenSansRegular', arial,helvetica,sans-serif;
	font-size: 12px;
	color: #999;
	margin-bottom: 0;
}

/******** Large Screen ********/
@media only screen and (min-width: 40.063em) and (max-width: 120.063em) { 
	
	.short { 
		padding-right: 30px; 
	}

	.get-involved ul li {
		padding: 0 3rem 2.5rem 3rem;
		text-align: center;
	}
	
}

/******** Small Screen ********/
@media only screen and (max-width: 40em) {
	
	header { 
		height: 400px; 
		margin-bottom: 10px;
	}
	
	.welcome h1 { 
		font-size: 2.8rem;
		margin: 30px 0 5px 0; 
	}
	
	.mmudy h1{
		font-size: 5vw !important;
	}

	.welcomefr h1 { 
		font-size: 5vw;
		margin: 30px 0 5px 0; 
	}
	
	h2 {
		font-size: 1.6rem;
		margin-bottom: 20px;	
	}
	
	.intro p {
		font-size: 1rem;	
	}
	
	section { 
		padding: 30px 0 !important; 
	}
	
	#map { 
		height: 240px; 
	}
	
	.media .row {
		margin-bottom: 0.5rem !important;	
	}

	.media .columns {
		padding-left: 0.25rem;
	    padding-right: 0.25rem;
	}
	
	.media .media-btm {
		margin-bottom: 0.5rem;
	}
	
	.media .image h2 {
		padding: 10px;
		font-size: 0.8rem;
	}
	
	p, .contact p { 
		font-size: 0.85rem; 
	}
	
	.footer {
		margin-top: 20px;
		padding: 8px !important;
	}
}