body {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,min(20px,3vw));
	background: #495c66;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.sitewrap {
	background: #495c66;
	color: white;
	width:auto;
	margin: 0 auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.textblack {
	color: yellow;
}



.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.half {
	
	width: 70%;
}

.transparent {
	background-color: transparent;
}


.form-control {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}

.form-control-big {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	height:250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}

.form-control:hover {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: yellow;
}

.form-control-big:hover {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	height:250px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background-color: yellow;
}

.img-center {
	object-fit: cover;
	transition: width 2s, height 2s;
	max-width: 100%;
	max-height: 100%;
}

.img-card {
	width: 200px;
	height: 300px;
	border-radius: 20%;
	object-fit: cover;
	filter: grayscale(100%);
	transition: width 2s, height 2s;
}

.img-cardfc {
	width: 200px;
	height: 200px;
	border-radius: 20%;
	object-fit: contain ;
	filter: grayscale(100%);
	transition: width 2s, height 2s;
}

.img-card:hover {
	width: 220px;
	height: 330px;
	object-fit: cover;
	filter: none;
}

.img-card-big {
	width: min(300px,70%);
	
	border-radius: 10%;
	object-fit: cover;
	transition: width 2s, height 2s;
}


.grid-container {
	display: grid;
	column-gap: 3%	;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	 justify-items: center;
}

	
	

.grid-container8 {
	display: grid;
	column-gap: 30px;
	grid-template-columns: auto 5% 5% 5% 5% 5% 5% auto;
}


.grid-servizi {
	display: grid;
	grid-gap: 50px;
	grid-template-columns: auto auto;
	align-items: center
	
}


.grid-3c {
	display: grid;
	grid-gap: 5%;
	grid-template-columns: auto max(20%,150px) auto;
}

.left-col {
	vertical-align: middle;
	text-align: right;
}

.cent-col {
	display: block;
	vertical-align: middle;
	text-align: center;
}

.form-group {
	display: block;
	vertical-align: middle;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	
	margin-left: auto;
	margin-right: auto;
	
}

.text-danger {
	vertical-align: middle;
	text-align: center;
	background-color:red;
	color:White;
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
	
#success {
	vertical-align: middle;
	text-align: center;
	background-color:red;
	color:White;
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

.btn-primary {
	font-family: 'Raleway', sans-serif;
	font-size: min(20px,3vw);
	width:70%;
	
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}
.right-col {
	vertical-align: middle;
	text-align: left;
}

.fixed-heigth350 {
	height: 350px;
}

.fixed-150 {
	height: 150px;
	width: 150px;
}

.grid-3c33 {
	display: grid;
	grid-template-columns: 33% 34% 33%;
}


.rounded-circle {
	border-radius: 50%;
	width: 80px;
	vertical-align: middle;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	object-fit: contain;
	filter: grayscale(100%);
}

.rounded-circle:hover {
	border-radius: 50%;
	width: 100px;
	vertical-align: middle;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100px;
	object-fit: contain;
	filter: none;
}

.bold {
	font-weight: bold;
}
.container {
	width: 200px;
}

.hideable1,.hideable2,.hideable3,.hideable4,.hideable5,.hideable6,.hideable7 {
	width: min(500px,80%);
	height: 90%;
	padding:30px;
	border-radius: 20%;
	background-color: rgba(255, 255, 255, .55);  
	backdrop-filter: blur(5px);
	position: fixed;
	top: 50px;
	left: 10%;
	right: 10%;
	z-index: 1000;
	color: black;
	visibility:hidden;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
}

.active{
visibility:visible;
}


.jarallax-keep-img {
	position: relative;
	max-width: 100%;
	z-index: 0;
}

.jarallax-keep-img>.jarallax-img {
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
	z-index: -100;
}


/* demo styles */

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1 {
	font-family: 'Catamaran', sans-serif;
	font-size: min(40px,4.5vw);
	background-color: rgba(73, 92, 102, 0.7);
	width:100%
	
}

h2 {
	font-family: 'Catamaran', sans-serif;
	font-size: min(35px,4vw);
	
	
}
h3 {
	font-family: 'Catamaran', sans-serif;
	font-size: min(25px,3.5vw);
	background-color: rgba(73, 92, 102, 0.7);
	width:100%
	
}

h4 {
	font-family: 'Catamaran', sans-serif;
	font-size: min(20px,min(20px,3vw));
	
}

.spacer {
	padding-top: 500px;
}



p {}

p~p,
p~div {}

.black {
	color: black;
}

small {
	font-size: 75%;
	color: #606060;
}

a,
a:visited,
a:hover,
a:focus {
	color: inherit;
}

a:hover,
a:focus {
	color: #4f4f4f;
	background: yellow;
}

.black:hover,
.black:focus {
	color: yellow;
}

.jarallax {
	min-height: 800px;
	height:auto!important;
    padding:45% 0 0;    
}


/* Fixed menu */

.menu {
	overflow: hidden;
	background-color: #333;
	position: fixed;
	/* Set the navbar to fixed position */
	top: 0;
	/* Position the navbar at the top of the page */
	left: 0;
	/* Position the navbar at the top of the page */
	width: 100%;
	/* Full width */
	heigth: 50px;
	z-index: 200;
}


/* Links inside the navbar */

.menu a {
	float: left;
	display: block;
	//color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

/* Second menu */

.menuL {
	overflow: hidden;
	background-color: #333;
	position: fixed;
	/* Set the navbar to fixed position */
	bottom: 0;
	/* Position the navbar at the top of the page */
	right: 0;
	/* Position the navbar at the top of the page */
	width: 100%;
	/* Full width */
	heigth: 50px;
	z-index: 200;
}


/* Links inside the navbar */

.menuL a {
	float: left;
	display: block;
	//color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}