body {
	margin:0;
	padding:0;
	font-family:Lato;
	font-weight:100;
	text-align:center;
}
.white {color:#FFF;}
.mobilePosition{position: absolute;bottom: 0;transform: translate(0, 50%);}
.top20 {top:20vh;}
.border-bottom {
	border-bottom: 1px solid lightgrey;
}
.dominio-nome-container {
	position: absolute;
	top:90px;
	width:100%;
	z-index:-100;
	height:480px;
	background: transparent linear-gradient(360deg, #79BE0B 0%, #79BE0B 100%) 0% 0% no-repeat border-box;
	opacity:1;
}
.dominio-nome {
	padding-top:160px;
	text-align:center;
	font:normal normal bold 40px/48px Lato;
	letter-spacing:0px;
	color:#FFF;
	opacity:1;
	word-break:break-all;
	margin:0;
}
.info-container {
    margin: auto;
    width: 750px;
    padding: 50px 30px;
    margin-top: 155px;
    background: #FFF 0% 0% no-repeat padding-box;
    border: 1px solid #79be0b;
    opacity: 1;
}
.info-text-box {
	margin: auto;
	width: 100%;
}
.info-text {
	text-align:center;
	font:normal normal bold 24px/20px Lato;
	letter-spacing:0px;
	color:#222;
	opacity:1;
}
.link-container {
	margin-top:100px;
}
.navbar-brand-container {
    width: 140px;
    margin-right: 20%;
    padding-top: 20px;
    float: right;
}
.header {
	width:100%;
	height:90px;
}

a {
    color: #79be0b !important;
}

.in-allestimento {
	font-size: 17px;
	color: #555;
	margin-bottom: 28px;
	line-height: 1.6;
	font-weight: 300;
}
.contact-boxes {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}
.contact-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 200px;
	padding: 28px 20px;
	border: 2px solid #79BE0B;
	border-radius: 10px;
	text-decoration: none !important;
	color: #333 !important;
	font-size: 15px;
	font-weight: 700;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
	background: #fff;
}
.contact-box:hover {
	background: #79BE0B;
	color: #fff !important;
	text-decoration: none !important;
}
.contact-svg {
	width: 36px;
	height: 36px;
	color: #79BE0B;
	transition: color 0.2s;
}
.contact-box:hover .contact-svg {
	color: #fff;
}
.contact-label {
	word-break: break-all;
	text-align: center;
	line-height: 1.4;
}

/* Portrait */
@media screen and (orientation:portrait) {
	.navbar-brand-container {
		margin-left:2%;
	}
	.info-container {
		width:90%;
		margin-top:100px;
	}
	.info-text-box {
		width:94%;
	}
	.dominio-nome {
		padding-top:100px;
	}
}


@media (max-width: 480px) {
	.info-container {
		margin-top: 80px !important;
	}
	.link-container {
		margin-top: 75px;
	}
}
  
@media (min-width: 481px) and (max-width: 767px) {
	.info-container {
		margin-top: 80px !important;
	}
	.link-container {
		margin-top: 75px;
	}
}
  
@media (min-width: 768px) and (max-width: 1024px){
	.info-container {
		margin-top: 80px !important;
	}
	.link-container {
		margin-top: 75px;
	}
}