body {font-family: 'Open Sans', sans-serif; color: black; line-height: 14px; -webkit-font-smoothing: antialiased; }
img {max-width: 100%}
.clearfix {clear: both;}
.wrapper {max-width: 900px; margin: 40px auto; padding: 0 15px 60px 15px;}
h1 {font-size: 18px; font-weight: 600; margin : 30px 0; text-transform: uppercase; line-height: 28px}
h2 {font-size: 16px; margin : 15px 0 15px 0; text-transform: uppercase; line-height: 18px; font-weight: 600;}
p, li {font-size: 14px; margin: 15px 0; line-height: 20px; text-align: justify;}
li {list-style-type: disc; margin: 5px 0 0 40px;}
.green {background-color: #f4893d; color: white; padding: 25px;}
.white {background-color: white; color: black; padding: 15px; font-weight: bold; margin-top: 15px;}
.white p {font-size: 16px; line-height: 20px}
b {font-weight: 600;}
.pink {color: #eb7d3b; text-transform: uppercase;}
.infos {margin: 20px 0 0 0;}
.infos p, .infos a {text-align: right; margin: 5px 0; display: block; font-size: 13px; text-decoration: none; transition: all 0.17s ease-in-out;
		-moz-transition: all 0.17s ease-in-out;
		-webkit-transition: all 0.17s ease-in-out;
		-o-transition: all 0.17s ease-in-out;}
.contact {font-size: 12px; background-color: #e11636; display: block; padding: 10px 30px; float: right; color: white; margin: 20px 0 60px 0; text-decoration: none; text-transform: uppercase; text-align: center;
		transition: all 0.17s ease-in-out;
		-moz-transition: all 0.17s ease-in-out;
		-webkit-transition: all 0.17s ease-in-out;
		-o-transition: all 0.17s ease-in-out; font-weight: bolder}
.contact:hover, .infos a:hover {opacity: 0.7}
.green {margin-bottom: 40px; width: 50%; border-radius: 20px; margin: 30px auto;}
.green span {display: block; font-size: 14px; margin: 5px 000;}
.green h2 {text-align: center; margin-top: 0}
.green a {font-size: 14px; margin: 3px 000; color: white; text-align: center; display: block}
.press a {display: block; padding: 5px 0; color: black; font-size: 14px; line-height: 20px; }
.green .tel {font-weight: 600; font-size: 35px; padding: 30px 0 15px 0; text-align: center}
.bold {font-weight: 600}
.logos {margin-top: 50px}
.logos li {display: inline-block; width: 33.33333%; margin : 0; text-align: center}
.logos ul {font-size: 0; margin: 50px 0;}
.logos li img {text-align: center}
.logos li img.ucm {width: 45%;}
.logos li img.be {width: 40%;}

.map {background-image: url("../img/map.png"); width: 100%; height: 300px; background-size: 50%; background-repeat: no-repeat; background-position: center; padding: 20px 0;}

/** 600/*/
@media screen and (max-width: 600px){
	.logos li {width: 100%;}
	.logos li img {margin: 15px 0; width : 60%;}
	.logos li img.ucm {width: 30%;}
	.logos li img.be {width: 15%;}
	.green .tel {font-weight: 600; font-size: 25px;}
	body {text-align: center}
	.contact {padding: 20px 0; float: none; width: 100%; text-align: center}
	.infos a {text-align: center}
	.map {background-size: 100%}
}