@charset "utf-8";
/* CSS Document */

block {
	margin-left:2em;
	margin-top: 2em;
	}
	
body {
	margin-left: auto;
	margin-right: auto;
	margin-top:5em;
	width: 60%;
	background-color: #f8f8f8;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}

.box-center {
	border: 1px solid #707070;
	background-color: #FFFFFF;
}	

.parent1 {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.left-grid {
	grid-area: 1 / 1 / 2 / 2;
	background-size: 100%;
	background-position: left;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
}
.right-grid {
	grid-area: 1 / 2 / 2 / 3;
	padding-top: 2em;
	padding-right: 2em;
	}
	
	.h1 {
	font-size: 2rem;
	font-weight:400;
	font-family: Arial, Helvetica, sans-serif;
	}
.h2 {
	font-size: 1.2em;
	font-weight: 500;
}


.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 200;
}
.logo {
	width: 100%;
	height: auto;
	clear: both;
	margin-left: 2rem;
	margin-top: 2rem;
}

.slogan {
	margin-top: 6.5em;
	margin-bottom: 1em;
}

.footer {
	padding-right: 2em;
	padding-left: 2em;
	background-color: #0e8216;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #0e8216;
	border-bottom-color: #0e8216;
	border-left-color: #0e8216;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
}	

a {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	color: #999999;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.full {
	width:95%;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
	padding-bottom: 1em;
}
.parent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: ;
grid-column-gap: 7px;
grid-row-gap: 2px;
}

.foto-links {
	width: 70%;
	height: auto;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }

@media only screen and (max-width: 1024px) {

body {
	margin-left: auto;
	margin-right: auto;
	margin-top:5em;
	width: 90%;
	background-repeat: no-repeat;
	}
}