/* CSS Document */
html, body{
	width: 100%;
	overflow-x: hidden !important;
}
#menu a:hover {
	font-weight: 100;
}
h6{
	font-style: italic; 
	font-size: calc(8px + 0.3vw + 0.3vh);
}
h1{
	font-family: poppins;
	font-weight: 700;
}
.grid-container h1{
    font-size: calc(8px + .4vw);
    text-align: justify;
    font-weight: 700;
}
.grid-container h4{
	font-size: calc(8px + 0.2vw + 0.3vh);
	text-align: justify;
}
.grid-item-a{
	grid-area: news-01-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
	
}
div.carousel-item img{
	width: 100vw;
	height: 20vh;
	object-fit: cover;
	margin:0;
	padding:0;
	border-radius: 0.5vw
}
a:visited{
	color: #a2a2a2;
}
a:hover{
	color: #b2b2b2;
	text-decoration: none;
}

.hidden {
    opacity: 0;
	-ms-transform: translate(0, 10vh);
	-moz-transform: translate(0, 10vh);
	-webkit-transform: translate(0, 10vh);
	transform: translate(0, 5vh); 
	transition: all 1s;
}

.hidden.visible{
	opacity: 1;
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.grid-item-b{
	grid-area: news-01-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-c{
	grid-area: news-02-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-d{
	grid-area: news-02-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-e{
	grid-area: news-03-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-f{
	grid-area: news-03-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-g{
	grid-area: news-04-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-h{
	grid-area: news-04-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-i{
	grid-area: news-05-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-j{
	grid-area: news-05-text;
	align-self: center;
	border-radius: 0;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
	background-image: none;
}
.grid-item-k{
	grid-area: news-06-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-l{
	grid-area: news-06-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-m{
	grid-area: news-07-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-n{
	grid-area: news-07-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-o{
	grid-area: news-08-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-p{
	grid-area: news-08-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-r{
	grid-area: news-09-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left: 0.5vw;
}
.grid-item-s{
	grid-area: news-09-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-t{
	grid-area: news-10-image;
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-u{
	grid-area: news-10-text;
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}
.grid-item-r3i1{
	grid-area: news-r3i1-image;
}
.grid-item-r3i2{
	grid-area: news-r3i2-image;
}
.grid-item-r3i3{
	grid-area: news-r3i3-image;
}
.grid-item-r3i4{
	grid-area: news-r3i4-image;
}
.grid-item-r3i5{
	grid-area: news-r3i5-image;
}

.grid-item-r3t1{
	grid-area: news-r3t1-text;
}
.grid-item-r3t2{
	grid-area: news-r3t2-text;
}
.grid-item-r3t3{
	grid-area: news-r3t3-text;
}
.grid-item-r3t4{
	grid-area: news-r3t4-text;
}
.grid-item-r3t5{
	grid-area: news-r3t5-text;
}

.grid-item-r4i1{
	grid-area: news-r4i1-image;
}
.grid-item-r4i2{
	grid-area: news-r4i2-image;
}
.grid-item-r4i3{
	grid-area: news-r4i3-image;
}
.grid-item-r4i4{
	grid-area: news-r4i4-image;
}
.grid-item-r4i5{
	grid-area: news-r4i5-image;
}

.grid-item-r4t1{
	grid-area: news-r4t1-text;
}
.grid-item-r4t2{
	grid-area: news-r4t2-text;
}
.grid-item-r4t3{
	grid-area: news-r4t3-text;
}
.grid-item-r4t4{
	grid-area: news-r4t4-text;
}
.grid-item-r4t5{
	grid-area: news-r4t5-text;
}

.grid-item-r3i1,
.grid-item-r3i2,
.grid-item-r3i3,
.grid-item-r3i4,
.grid-item-r3i5,
.grid-item-r4i1,
.grid-item-r4i2,
.grid-item-r4i3,
.grid-item-r4i4,
.grid-item-r4i5{
	align-self: center;
	margin-top: 1vh;
	margin-right:0.5vw;
	margin-left:0.5vw;
}
.grid-item-r3t1,
.grid-item-r3t2,
.grid-item-r3t3,
.grid-item-r3t4,
.grid-item-r3t5,
.grid-item-r4t1,
.grid-item-r4t2,
.grid-item-r4t3,
.grid-item-r4t4,
.grid-item-r4t5{
	align-self: center;
	max-height:10vh;
	margin-top: 1vh;
	margin-right: 0.5vw;
	margin-left: 0.5vw;
	overflow-y: hidden;
}

.grid-container{
	display: grid;
	margin-left:3vw;
	margin-right:3vw;
	margin-top: 18vh;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 20vh 12vh 20vh 12vh 20vh 12vh 20vh 12vh;
	grid-template-areas:
		"news-r4i1-image news-r4i2-image news-r4i3-image news-r4i4-image news-r4i5-image"
		"news-r4t1-text news-r4t2-text news-r4t3-text news-r4t4-text news-r4t5-text"
		"news-r3i1-image news-r3i2-image news-r3i3-image news-r3i4-image news-r3i5-image"
		"news-r3t1-text news-r3t2-text news-r3t3-text news-r3t4-text news-r3t5-text"
		"news-10-image news-09-image news-08-image news-07-image news-06-image"
		"news-10-text news-09-text news-08-text news-07-text news-06-text "
		"news-05-image news-04-image news-03-image news-02-image news-01-image"
		"news-05-text news-04-text news-03-text news-02-text news-01-text";
	overflow-y: hidden;
}

@media screen and (max-width: 700px)and (max-aspect-ratio:4/3), screen and (max-aspect-ratio:4/3){
	
	
.grid-container{
	display: grid;
	margin-left:0vw;
	margin-right:0vw;
	margin-top: 13vh;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	grid-template-areas:
		"news-r4i1-image"
		"news-r4t1-text"
		"news-r4i2-image"
		"news-r4t2-text"
		"news-r4i3-image"
		"news-r4t3-text"
		"news-r4i4-image"
		"news-r4t4-text"
		"news-r4i5-image"
		"news-r4t5-text"
		"news-r3i1-image"
		"news-r3t1-text"
		"news-r3i2-image"
		"news-r3t2-text"
		"news-r3i3-image"
		"news-r3t3-text"
		"news-r3i4-image"
		"news-r3t4-text"
		"news-r3i5-image"
		"news-r3t5-text"
		"news-10-image"
		"news-10-text"
		"news-09-image" 
		"news-09-text"
		"news-08-image" 
		"news-08-text"
		"news-07-image" 
		"news-07-text"
		"news-06-image" 
		"news-06-text"
		"news-05-image" 
		"news-05-text"
		"news-04-image" 
		"news-04-text"
		"news-03-image" 		
		"news-03-text"
		"news-02-image" 
		"news-02-text"
		"news-01-image" 
		"news-01-text"
}	
.grid-item-a,	
.grid-item-b,	
.grid-item-c,
.grid-item-d,
.grid-item-e,	
.grid-item-f,	
.grid-item-g,
.grid-item-h,	
.grid-item-i,	
.grid-item-j,
.grid-item-k,
.grid-item-l,
.grid-item-m,
.grid-item-n,	
.grid-item-o,	
.grid-item-p,
.grid-item-r,	
.grid-item-s,
.grid-item-t,
.grid-item-u,
.grid-item-r3i1,
.grid-item-r3i2,
.grid-item-r3i3,
.grid-item-r3i4,
.grid-item-r3i5,
.grid-item-r3t1,
.grid-item-r3t2,
.grid-item-r3t3,
.grid-item-r3t4,
.grid-item-r3t5,
.grid-item-r4i1,
.grid-item-r4i2,
.grid-item-r4i3,
.grid-item-r4i4,
.grid-item-r4i5,
.grid-item-r4t1,
.grid-item-r4t2,
.grid-item-r4t3,
.grid-item-r4t4,
.grid-item-r4t5	
	{
	margin-left: 4.2vw;
	margin-right: 4.2vw;
	max-height:100vh;
	border-radius:0;
}	
div.carousel-item img{
	border-radius:3vw;
}
}

@media screen and (max-width: 1000px) and (min-aspect-ratio:4/3){

.grid-item-d
	{
		max-height:20vh;
}	
	
}


