@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
body{	
	font-family: 'Open Sans', sans-serif;
	background-repeat: no-repeat, no-repeat;
	background-image: url("../images/goiburua2.svg"), url("../images/oina.svg");
	background-position: center top, center bottom;
	background-size: 100%, 100%;
	margin: 0;
}
header{
	text-align: center;
}
#edukia{
	max-width: 1180px;
	width: 100%;
	margin: auto;	
}
h1{
	font-family: 'Merriweather', serif;
	font-weight: 300;
	font-size: 4.5em;
	text-align: center;
	font-style: italic;
	margin-top: .1em;
	margin-bottom: 3em;	
    color: white;
}
h1 a{
	color: white;
	text-decoration: none;
}
h2{
	font-family: 'Merriweather', serif;
	text-align: center;
	color: white;
	font-weight: 300;
	font-style: italic;
	font-size: 2.75em;
	margin: 1.5em auto;
	background: -webkit-linear-gradient(left, #008552, #9ebd13);
	background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p, ul, .aurkezpena{
	color: #777;
}
ul{
	margin: 0em;
	padding: 0;
	
}
li{
	margin-bottom: .6em;
	list-style: circle;
	list-style-position: inside;
}
.aurkezpena{
	font-size: 1.75em;
	font-weight: 300;
	text-align: center;	
	margin: auto;
	width: 90%;
}

#formularioa{
	text-align: center;
	margin-bottom: 12em;
	padding: 0em;
}
.sarbideak{
	list-style: none;
	padding: 0;
	margin: 5em auto;
	display: flex;	
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 70%;
	margin-bottom: 15em;
	gap:1em;
}
.sarbideak li{
	text-align: center;
	list-style: none;	
	margin: 0;
	
}
.sarbideak a{
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	font-size: 1.25em;
	color: #fff;
	font-weight: 300;
}
button {
  z-index: 1;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  color: white;
  padding: 0.5em 1em;
  outline: none;
  border: none;
  background-color:#008552;
  overflow: hidden; 
}

button::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #9ebd13;
  transform-origin: center;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transition: transform 0.45s ease-in-out;
}

button:hover {
  cursor: pointer;
  color: #fff;
}

button:hover::before {
  transform: translate3d(-50%, -50%, 0) scale3d(25, 25, 25);
}
footer{
	display: flex;
	justify-content: center;
	padding-bottom: 1.5em;
}
footer img{
	margin: 0 2em;	
}
.grid2{
/*	display: grid;
	grid-template-columns: 1fr 1fr;
	
	grid-gap: 4em;*/
	text-align: center;
}
.grid2 h2{
	margin-bottom: .5em;
}
.grid2 ul{
	margin: 2em 0;
}
@media only screen and (max-width: 1280px) {
	body{
		background-size: 120%;
	}
	h1{
		margin-bottom: 2em;	
	}
	.aurkezpena{
		font-size: 1.1em;
	}
	footer{
		padding-bottom: .5em;
	}
}
@media only screen and (max-width: 1024px) {
	body{
		background-size: 150%;
	}
	h1{
		margin-bottom: 1.7em;	
	}
	.aurkezpena{
		font-size: 1.1em;
		width: 95%;
		margin: auto;
	}
	footer{
		padding-bottom: .5em;
	}
}