.home-core
{
	background-color: transparent;
}

.content
{
	width: 75%;
	height: 100%;
	color: white;
	background-color: #103555;
    background-image: url(../img/home-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.content-elem
{
	height: 25%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-text
{
	height: 50%;
	justify-content: space-around;
}

.content-title-text
{
	font-size: 3em;
    font-family: "HelveticaBold", Arial Black, sans-serif;
	text-shadow: 4px 4px 12px black;
}

.content-title-small-text
{
	font-size: 2.2em;
	text-shadow: 4px 4px 12px black;
}

.content-title, .content-cta
{
	width: 100%;
	text-align: center;
}

.content-cta-text
{
	font-size: 1.8em;
	text-shadow: 4px 4px 12px black;
}

.content-button
{
	padding: 0.6vh 4vw;
	background-color: transparent;
	border-radius: 16px;
	border: 2px solid white;
	color: white;
	font-size: 1em;
    font-family: "HelveticaBold", Arial Black, sans-serif;
    cursor: pointer;
    width: 23%;
    text-shadow: 4px 4px 12px black;
}

.content-button-hover
{
	background-color: #b00f27;
	transition: background-color 0.5s ease;
}


.content-scroll-text
{
    font-family: "HelveticaBold", Arial Black, sans-serif;
	cursor: pointer;
}

#video-button-elem-mobile
{
	display: none;
}

.fullscreen-bg
{
	position: absolute;
	top: 0;
	left: 0;
	/*
	right: 0;
	bottom: 0;
	*/
	overflow: hidden;
	z-index: -100;
	width: 75%;
	min-height: 100%;
}

.fullscreen-bg video
{
	/*
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	*/
	width: 100%;
    margin-top: -2.8%;
}


@media (min-aspect-ratio: 16/9)
{
	.fullscreen-bg video
	{
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9)
{
	.fullscreen-bg video
	{
		width: 300%;
		left: -100%;
	}
}

/*
@media (max-width: 767px)
{
	.fullscreen-bg
	{
		background: url('../img/lanostraCasa.jpg') center center / cover no-repeat;
	}

	.fullscreen-bg video
	{
		display: none;
	}
}
*/

@media all and (orientation: portrait), (max-width: 768px)
{
	.content-button
	{
		width: 40%;
	}
	
	.content-cta-text
	{
		font-size: 1.4em;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#video-button-elem-desktop
	{
		display: none;
	}
	
	#video-button-elem-mobile
	{
		display: flex;
	}
}

@media all and (orientation: landscape) and (max-aspect-ratio: 16/9)
{
	.content
	{
		background-size: 100% 100%;
	}
}