*{
	padding: 0px;
	margin: 0;
	box-sizing: border-box;
}

html{
	height: 100%;
}

body{
	height: 100%;
}

img{
	width: 100%;
	height: 100%;
}

h1{
	color: white;
	text-align: center;
	padding: 1em;
}

.gorputza{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0.5em;
	width: 100%;
	height: 100%;
	padding: 0.5em;
}

/*.gorputza div:nth-child(1){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(2){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(3){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(4){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(5){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(6){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(7){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(8){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(10){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(11){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(12){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(13){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(14){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(15){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(16){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(17){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(18){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(19){
	width: 100%;
	height: 100%;
}

.gorputza div:nth-child(20){
	width: 100%;
	height: 100%;
}*/

.tablet{
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.tablet figure{
	margin: 3em;
}

.tablet img{
	box-shadow: 6px 6px 20px #8EB6F3;	
}

.tablet figcaption{
	background-color: #3176CC;
	color: white;
	text-align: center;
	font-size: 1.4em;
	padding: 0.4em;
	margin: 0.6em auto;
	width: 60%;
	border-radius: 7px;
}

.movil{
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

.movil figure{
	margin: 3em;
}

.movil img{
	box-shadow: 6px 6px 20px #8EB6F3;	
}

.movil figcaption{
	background-color: #3176CC;
	color: white;
	text-align: center;
	font-size: 1.4em;
	padding: 0.4em;
	margin: 0.6em auto;
	width: 60%;
	border-radius: 7px;
}



/**Movil*/
@media (max-width: 767px){
	.gorputza{
		display: none;
	}
	.tablet{
		display: none;
	}
}

/**Tablet*/
@media (min-width: 768px) and (max-width: 990px){
	.gorputza{
		display: none;
	}
	.movil{
		display: none;
	}
}

/**Ordenador*/
@media (min-width: 991px){
	.tablet{
		display: none;
	}
	.movil{
		display: none;
	}
}