:root {
	--blue: #1D3A58;
	--verde: #00C9B6;
}
body {font-family: 'Roboto';}
a {text-decoration: none;}
.h1 {
	font-size: 1.7rem;
	color: var(--verde);
}
.h2 {font-size: 1.2rem;}
.verde {color: var(--verde);}
.azul {color: var(--blue);}
.header {
	background-image: url("media/background-microsite.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	width: 100%;
	height: 250px;
}
.card{
	border: none;
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	height: 200px;
}
.card p{margin-bottom: 0; font-weight: bold;}
.list {
	background-image: url("media/nube-01.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: right;
}
.guias {

	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: left;
}
.card-title {
	display: flex;
	justify-content: center;
	padding: 18px 0px;
	border-bottom: 1px solid #E5E5E5;
}
.card-title p {color: var(--blue);}
.image {width: 75%;}
a {text-decoration: none; color: black;}
a:hover {color: var(--verde);}

.skyline {
	background-image: url("media/skyline.png");
	opacity: 0.4;
	background-size: cover;
	background-repeat: no-repeat;
	height: 85px;
}
.mundo{
	background-image: url("media/earth-01.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.manos {
	background-image: url("media/manos.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 150px;
}
.logos img {width: 60%;}

@media (min-width: 768px) {
	.logos img {width: 100%;}
	.h1 {	width: 70%;}
	.image {width: 100%;}
	.skyline {
		height: 250px;
	}
	.manos {
		min-height: 215px;
	}
}