/*base*/
@media (min-width: 1240px) {
	.content-center-responsive {
		display: flex;
	}
}

/*grid*/
@media (max-width: 600px) {
	.grid-group-three{
		justify-content: center;
	}

	.grid-group-three span{
		display: block !important;
		text-align: center;
	}

	.grid-list{
		display: flex;
		flex-wrap: wrap;
	}
}

/*news*/
@media (max-width: 600px) {
	.grid-group-two-news{
		display: block;
	}
}

/*video*/
@media (min-width: 1240px) {
	#videoContainer{
		display: inherit;
	}
}

@media(max-width: 630px){
	.grid-group-fill{
		display: -ms-grid;
		display: grid;
	}

	.grid-group-fill-no-wrap{
		display: -ms-grid;
		display: grid;
	}
}

/*fonts/text*/
@media (max-width: 600px) {
	h1{
		font-size: 150%;
	}
	h2{
		font-size: 2em;
	}

	span{
		padding-left: 0em;
		padding-right: 0em;
	}

	.date-frontpage{
		text-align: center;
	}

	.grid-list{
		padding-top: 2em;
	}

	.imgCircle{
		margin-top: 1em;
	}
}

.ie-warning{
	display: none;
}

/*footer/footer*/
@media (min-width: 1300px) {
	.footer-menu {
		visibility: visible;
   	}
}

.top-large{
	display: none;
	max-width: 800px;
}

.top-small{
	display: none;
}

/*Top category*/
@media (min-width: 1100px) {
	.top-large {
		display: flex;
   	}
}

@media (max-width: 1099px) {
	.top-small{
		display: table;
	}
}

@supports (-ms-ime-align:auto) {
    /* IE Edge 16+ CSS */
	.underlay{
		display: none; /* The div doesn't allow clicking on the content inside the section div, with this in Edge/IE*/
	}
}

/*Our favorite browser gets special treatment*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*IE ONLY*/
	.ie-warning{
		display: block;
		padding-bottom: 2em;
	}

	.ie-warning > div{
		margin: 0 auto 0 auto;
	}

	h1{
		padding-top: 1em;
	}

	header{
		display: flex;
	}

	.header-menu{
		margin-top: 1.5em;
	}

	.grid-group-one{
		display: block;
	}

	.grid-group-two{
		display: block;
		text-align: center;
	}

	.grid-group-two span{
		display: block !important;
		text-align: center !important;
	}

	.grid-group-three{
		display: block;
	}

	.grid-group-news{
		display: -ms-grid;
		-ms-grid-columns: 1fr 0.1fr;
	}

	footer{
		display: -ms-grid;
		width: 100%;
		background-image: url('/static/img/webpage/footer/bg.png');
	}

	footer > img{
		display: none;
	}

	.footer-menu{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}

	.footer-logo{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	.underlay{
		opacity: 0.1;
	}

	sectionimage{
		display: -ms-grid;
	}

	sectionImage > div{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		margin-top: 25%;
	}

	sectionVideo{
		display: -ms-flexbox;
		background-color: black;
	}

	sectionVideo > div{
		position: relative;
		background-color: black;
		margin-top: 70px;
		padding: 70px 0 2em 0;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
	}
}