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


.top{
	height: 35vh;
	width: 70%
}

.top h1{
	padding-top: 20vh;
	padding-left: 4vw;
	font-family: TT Squares Condensed Bold;
	font-size: 1.5vw;
	color: #2d545e;
}

.main-part{
	height: auto;
	width: 90%;
	padding-bottom: 10vh;
}

.main-part p{
	padding-left:4vw; 
	font-family: TT Squares Condensed Light;
	color: #999999;
}

.img-news{
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 5px;
	padding-bottom: 10vh
}


.img-news img{
	width: 100%
}

.link{
	text-align: center;
	padding-bottom: 10vh;
}

.link a{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 1em;
	padding: 10px 15px;
	border: 1px solid #ffffff;
	border-radius: 3px;
	transition: 1s;
	font-family: TT Squares Condensed Light;
	background-color: #2d545e;
}

.link a:hover{
	color: #2d545e;
	transition: 0.5s;
	border: 1px solid #999999;
	background-color: #FFFFFF
}


/* MOBILE */

@media screen and (max-width: 767px){
	.top{
		height: auto;
	}
	
	.top h1{
		font-size: 0.9rem;
	}
	
	.main-part{
		margin-top: 3rem;
	}
}