@charset "utf-8";
/* Aggiungi di seguito il tuo stile personalizzato */

body{
	font-size: 18px;
    line-height: 1.75em;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 1px;
}

.menu-principale{
	font-weight: 600;
}
/*
#navbarCollapse > ul > li:last-child > a {
	background: var(--primary);
    color: #FFF;
    border-radius: 0.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    letter-spacing: 1px;
}

#navbarCollapse > ul > li:last-child > a:hover {
	background: var(--primary-over);
}
*/

.img-circle img{
	border-radius: 100%;
}

.griglia-immagini h5{
	font-size: 1.75em;
    color: var(--primary);
    margin-bottom: 1em;
}

.tabella-prezzi .card.popular:before {
    padding: 2px 33px;
    top: 31px;
    right: -43px;
}

.tabella-prezzi .card .list-group-item {
    padding: .5rem 3rem;
}

@media (min-width:768px){

	#feature-1 div.col-md-6.background-image {
		border-top-right-radius: 18em;
		border-bottom-right-radius: 18em;
	}	
	
	#feature-2 div.col-md-6.background-image {
		border-top-left-radius: 18em;
		border-bottom-left-radius: 18em;
	}	
	
	#feature-3 div.col-md-6.background-image {
		border-top-right-radius: 18em;
		border-bottom-right-radius: 18em;
	}	
	
	#feature-4 div.col-md-6.background-image {
		border-top-left-radius: 18em;
		border-bottom-left-radius: 18em;
	}
	
	#feature-5 div.col-md-6.background-image {
		border-top-right-radius: 18em;
		border-bottom-right-radius: 18em;
	}
	
	#feature-1 div.col-md-6.background-image:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		bottom: 0px;
		left: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-1 div.col-md-6.background-image:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		bottom: 0px;
		left: -40px;
		background: var(--primary);
		z-index: 1;
	}	
	
	#feature-2 div.col-md-6.text-col:before,
	#feature-4 div.col-md-6.text-col:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		bottom: 0px;
		left: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-2 div.col-md-6.text-col:after,
	#feature-4 div.col-md-6.text-col:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		bottom: 0px;
		left: -40px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-2 div.col-md-6.background-image:before,
	#feature-4 div.col-md-6.background-image:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		top: 0px;
		right: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-2 div.col-md-6.background-image:after,
	#feature-4 div.col-md-6.background-image:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		top: 0px;
		right: -40px;
		background: var(--primary);
		z-index: 1;
	}	
	
	#feature-3 div.col-md-6.text-col:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		bottom: 0px;
		right: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-3 div.col-md-6.text-col:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		bottom: 0px;
		right: -40px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-3 div.col-md-6.background-image:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		top: 0px;
		left: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-3 div.col-md-6.background-image:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		top: 0px;
		left: -40px;
		background: var(--primary);
		z-index: 1;
	}	


	#feature-5 div.col-md-6.text-col:before{
		content:'';
		width: 8px;
		height: 40px;
		position: absolute;
		top: 0px;
		right: -4px;
		background: var(--primary);
		z-index: 1;
	}
	
	#feature-5 div.col-md-6.text-col:after{
		content:'';
		width: 80px;
		height: 4px;
		position: absolute;
		top: 0px;
		right: -40px;
		background: var(--primary);
		z-index: 1;
	}
	
}