/* CSS Document */


@media (min-width: 0px){
	

	.minibox li:last-child {
		background-color: #313131;
		border-radius: inherit;
		border: none;
	}
	.minibox li:last-child p {
		color: #FFFFFF;
	}
	.minibox li:last-child p a {
		color: #ccff00;
	}
	.illustration2 {
		float: right;
		margin: 3rem;
		padding: 1rem;
		
	}

	
}

@media (min-width: 720px){
	
	.minibox li {
		width: calc(100% / 2 - 2rem - 6px - 1rem);
		margin-right: 1rem;	
	
	}
	.minibox li:nth-child(2n+2) {
		margin-right: 0px;
	}
	.minibox li:last-child {
		background-image: url(../images/mail-medium.jpg);
		background-size: contain;
		background-position: right bottom;
		background-repeat: no-repeat;
		border-radius: 1.5rem;
	}
	.minibox li:last-child p {
		font-size: 1.5rem;
		padding-top: 3rem;
	}

	.minibox li {
		display: flex;
		flex-direction: column;
		
	}
	.minibox li a {
		margin-bottom: 2rem;
		margin-top: auto;
	}
	
}

@media (min-width: 1024px){
	

	.minibox li {
		width: calc(100% / 3 - 2rem - 6px - 1rem);
	}	
	.minibox li:nth-child(2n+2) {
		margin-right: 1rem;
	}
	.minibox li:nth-child(3n+3) {
		margin-right: 0px;
	}
	.minibox h1 {
		font-size: 1.7rem;
	}
	.minibox li p {
		font-size: 0.9rem;
	}
	.minibox li:hover {
		border: 3px dashed #ccff00;
	}
	.minibox li:last-child:hover {
		border: 0px;
	}
	
	
}