@charset "UTF-8";


/* Body */


html {


  scroll-behavior: smooth;


}


h2 {color: rgba(23, 25, 51, 1) }


body {


	font-family: 'Montserrat';


	background-color: #000000;


	margin-top: 0px;


	margin-right: 0px;


	margin-bottom: 0px;


	margin-left: 0px;


	font-style: normal;


	font-weight: 200;


}




.hid {display: inherit;}




.sched {width: 33%; position: relative; display: inline-grid;min-width: 350px}





.scheda2 {width: 30%; position: relative;


	display: inline-grid; margin-right: 5%; }


.scheda3 {width: 29%; position: relative;


	display: inline-grid; margin-right: 0%}





.myVideo {


  position: fixed;





filter: opacity(80%)








}





@media (max-aspect-ratio: 16/9) {


    .myVideo {


        width:auto;


        height: 100%;


    }


}


@media (min-aspect-ratio: 16/9) {


    .myVideo {


        width:100%;


        height: auto;


    }


}


h1 {color: #f6a225;


	font-size: 40px





}


/* Container */


.container {


	width: 100%;


	margin-left: auto;


	margin-right: auto;





	background-color: #000;


}


/* Navigation */


header {


	width: 100%;


	height: 85px;


	background-color: #fff;


	position: fixed;


		z-index: 10;





	border-bottom: 1px solid #EBEBEB;











}





nav {


	float: right;


	width: 50%;


	text-align: right;


	margin-right: 10%;





}


header nav ul {


	list-style: none;


	float: right;


}


nav ul li {


	float: left;


	color: rgba(23, 25, 51, 1);


	font-size: 14px;


	text-align: left;


	margin-left: 25px;


	margin-top: 17px;


	letter-spacing: 2px;


	font-weight: bold;





}





ul li a {


	color: rgba(23, 25, 51, 1);


	text-decoration: none;


}


ul li:hover a {


	color: #f6a225;


}








/* Hero Section */


.hero {





	padding-top: 320px;


	padding-bottom: 320px;


	z-index: 2;


		position: relative


}





.cert {


margin-top: -150px;





padding-bottom: 20px}











.scheda{margin-left: 10%;


	width: 20%;


	margin-top: 70px;


	position: relative;


	display: inline-grid;





}


.scheda1{margin-left: 5%;


	width: 20%;


	margin-top: 70px;


	position: relative;


	display: inline-grid;





}





.column2{


	background-color: white;


	width: 100%;





		margin-left: auto;


	margin-right: auto;


	margin-top: 50px;


	padding-top: 50px;








}





.logoo{margin-top: 2px;


	height: 80px;


	width: auto;


margin-left: 10%;


}


.tagline {


	text-align: left;


	color: #FFFFFF;


	margin-top: -55px;


	margin-left: 10%;


	font-weight:700;


	margin-right: 10%;


	font-size: 38px;


}





.tagline1 {


	text-align: left;


	color: #FFFFFF;


	margin-top: -10px;


	margin-left: 10%;





	font-weight: lighter;


	line-height: 25px;


	z-index: 8;





	margin-right: 10%;








	max-width: 550px


}





.button1 {


  border: none;


  color: white;


  margin-left: 10%;


	margin-top: 20px;


  text-align: center;


  text-decoration: none;


  display: inline-block;


  font-size: 16px;


 padding: 16px 32px;


  cursor: pointer;


	background-color: #f6a225;


	transition: 0.2s;


	border-radius: 4px;


}





.button1:hover {


  background-color: #EF9309;


  color: white;


}





.column3 {width: 80%;


	margin-left: 10%





}





.img1{ width:100%;


  height:700px;


  object-fit: fill}


/* About Section */


.text_column {





	text-align: left;


	font-weight: lighter;


	line-height: 25px;


	z-index: 8;


	color: #A3A3A3;


}





.text_column1 {


	font-size: 15px;


	letter-spacing: 0px;


	text-align: left;


	font-weight: lighter;


	line-height: 25px;


	z-index: 8;


	color: rgba(23, 25, 51, 1);


}


.column {width: 45%;


float: left;


	padding-left: 10%;


	padding-right: 0%;


padding-top: 40px;


z-index: 8;


padding-bottom: 50px;}





.column1 {width: 30%; height: 165%;


float: left; position: absolute;


	margin-left: 60%;


	margin-top: 80px;


	padding-right: 0%;


padding-top: 120px;


	background-size: cover;


	background-image: url("../pexels-tom-fisk-2226458.jpg");











z-index: 8}








.about {


	width: 100%;


	display: inline-block;


	background-color: #FFFFFF;


	margin-top: -80px;


	z-index: 6;


		position: relative;





}





.about1 {


	width:100%;


	display: inline-block;


	background-color: rgba(23, 25, 51, 1);


	margin-top: -10px;


	z-index: 5;


		position: relative;





}








.hidden {


	display: none;


}





.by {text-align:  center; position: absolute;   width: 100%;  margin-top: -50px;  padding-bottom: 10px; background-color: rgba(23, 25, 51, 0);}





/* Mobile */


@media (max-width: 320px) {





.by {  margin-top: -10px;background-color: #fff}





	.scheda2 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}


.scheda3 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}



.hid {display: none;}




	.column3 {width: 90%;


	margin-left: 5%





}








	.logoo{


		margin-left: 5%;}





	.tagline {





	margin-left: 5%;


	font-size: 30px;


	margin-right: 5%;





}





.tagline1 {


	margin-left: 5%;





	margin-right: 5%;


}





.button1 {





  margin-left: 5%;





}


	.scheda


	{width: 90%;


	margin-left: 5%}


	.scheda1


	{width: 90%;


	margin-left: 5%}











.column {width: 90%;


float: left;


	padding-left: 5%;


	padding-right: 5%;


padding-top: 0px;


	}





	.column2 {


padding-top: 1px;


	}





.anchor  {


		position: absolute;


		margin-top: -20px;





	}





.column1 {display: none}







.text_column {


	width: 100%;


	text-align: justify;


	padding-top: 0px;


	padding-right: 0px;


	padding-bottom: 0px;


	padding-left: 0px;


}








}





/* Small Tablets */


@media (min-width: 321px)and (max-width: 767px) {


.by {  margin-top: -10px;background-color: #fff}





	.scheda2 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}


.scheda3 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}





	.column3 {width: 90%;


	margin-left: 5%





}



.hid {display: none;}




	.logoo{


		margin-left: 5%;}





	.tagline {





	margin-left: 5%;


	font-size: 38px;


	margin-right: 5%;





}





	.anchor  {


		position: absolute;


		margin-top: -20px;





	}





.tagline1 {


	margin-left: 5%;





	margin-right: 5%;


}





.button1 {





  margin-left: 5%;





}













.text_column {


	width: 100%;


	text-align: left;


	padding-top: 0px;


	padding-right: 0px;


	padding-bottom: 0px;


	padding-left: 0px;


}





	.column {width: 90%;


float: left;


	padding-left: 5%;


	padding-right: 5%;


padding-top: 0px}





		.column2 {


padding-top: 1px;


	}





.column1 {display: none}








	.scheda


	{width: 90%;


	margin-left: 5%}


	.scheda1


	{width: 90%;


	margin-left: 5%}





}














/* Small Desktops */


@media (min-width: 768px) and (max-width: 1199px) {


.text_column {


	width: 100%;


}


.by {  margin-top: -10px; background-color: #fff}





	.scheda


	{width: 35%}


	.scheda1


	{width: 35%;


	margin-left: 10%}








	.column {width: 80%;


float: left;


	padding-left: 10%;


	padding-right: 10%;


padding-top: 50px}





.column1 {display: none}








.text_column {


	width: 100%;


	margin-top: 0px;


	margin-right: 0px;


	margin-bottom: 0px;


	margin-left: 0px;


	padding-top: 0px;


	padding-right: 0px;


	padding-bottom: 0px;


	padding-left: 0px;


}





	.scheda2 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}


.scheda3 {width: 100%; position: relative;


	display: inline-block; margin-right: 0%}





	.column3 {width: 80%;


	margin-left: 10%





}





}