#intro * {
	text-align:center;
}
.banner > a:hover,
.banner > a:hover * {
	cursor:pointer;
	text-decoration:none;
}

section#intro.banner {
	text-shadow:none;
}


picture img {
    object-fit: contain;
    width: 100%;
}

section#intro picture {
    height: 100%;
    width: 100%;
}

section#intro.banner {
	height:35vw;
}

section#intro.banner .asset.button {
	cursor:pointer;
	margin-top:4vw;
	text-shadow:none;
}


/*.banner h2 {
	font-size:3em;
	font-weight:300;
	margin-top: 0px;
}

.banner.feature {
	background-size:cover;
}


section.banner a:hover h1,
section.banner a:hover h2,
section.banner a:hover h3,
section.banner a:hover h4 {
	text-decoration:underline;
}

.banner.feature .asset_button {
	background-color:rgba(100,100,100,0.3);
	color:#fff;
	margin-top:10px;
}

.banner.remarks .asset_button {
	background-color:#f4f4f4;
	color:#333;
	margin-top:10px;
}*/

.body {
	font-size: 1.4em;
}


.body h2 {
    font-size: 3.5rem;
    font-weight: 500;
	margin-top:0px;
}

.body > div {
	padding-top: 1vw;
	z-index:9;
}



@media screen and (min-width:992px) {
	section#intro.banner {
		height:35vw;
		overflow: hidden;
	}
}


@media(max-width:991px) {
	section#intro.banner,
	section#intro.banner h1 {
		color:inherit;
	}
	
	/*section#intro.banner {
		height:auto;
		margin-bottom: 35px;
	}
	
	section#intro.banner picture {
		margin-top: -100px;
		position: relative;
	}*/
	
	section#intro.block_inside .title {
		padding:30px;
		position: relative;
	}
	
	.banner h2 {
		font-size: 3.3em;
		font-weight: 400;
	}
	
	.banner p {
		font-size:2.2rem;
		margin-top: 2rem;
	}
    
    

    section#intro.banner {
        height:450px;
    }

}