/*   GOOGLE FONTS  */

/*  Parisienne */
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');

/*  Annie Use Your Telescope */
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap');

/* Oregano */
@import url('https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Oregano&display=swap');



/*  -- rgb(red,green,blue,opacity); */

#my{
	zoom: 100%;
}

/* Stili per i titoli h1 */
h1 {
	color: rgb(255,255,255);
	font-family: 'Oregano';
	font-size:50px;
	text-decoration:none;
	font-weight: normal;
}
/* Stili per i titoli p */
p {
	color: rgb(255,255,255);
	font-family: 'Oregano';
	font-size: 30px;
	text-decoration:none;
	font-weight: normal;
}
h2 {
	color: rgb(0,0,0);
	font-family: 'Oregano';
	font-size: 30px;
	text-decoration:none;
	font-weight: normal;
}
a {
	text-decoration:none;
	color: rgb(0,0,0);
	font-family: 'Parisienne', cursive;
	font-size: 50px;
	font-weight: normal;
}




/* 										BARRA MENU -> TUTTE LE SCHEDE */

/* Stile della barra del menù */
.menu {
	z-index:3;
    background-color : rgb(0,0,0);
	position:relative;
    top:0;
    left:0;
    width:100%;
    height:50px;
	margin:0px;
	}
.menu_nojava {
	z-index:3;
    background-color : rgb(0,0,0);
	position:relative;
    top:0;
    left:0;
    width:100%;
    height:50px;
	margin:0px;
	}
/* Scritta Mariel */
.imag {
	display:inline-block;
}
.imag img {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0px;
	width:100px;
	height:40px;
}
.imag_nojava {
	display:inline-block;
}
.imag_nojava img {
	margin-left:10px;
	margin-top:5px;
	margin-bottom:0px;
	width:100px;
	height:40px;
}
/* Testo del menù */
.menu a.text {
	z-index:2;
	height:30px;
	margin:0px;
	font-family: 'Parisienne', cursive;
	position: relative;
    float: right;
    color: rgb(255,255,255);
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 25px;
}
.menu_nojava a.text_nojava {
	z-index:2;
	height:30px;
	margin:0px;
	font-family: 'Parisienne', cursive;
	position: relative;
    float: right;
    color: rgb(255,255,255);
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 25px;
}
.hamburger {
	display: none;
}

/* Colore quando si passa sull menù */
.menu a.text:hover {
    background-color: rgb(255,255,255,0.8);
    color: black;
}
.menu_nojava a.text_nojava:hover {
    background-color: rgb(255,255,255,0.8);
    color: black;
}
/* Colore del link ATTIVO del menu */
.menu a.active {
     font-weight: bold;
}
.menu_nojava a.active {
     font-weight: bold;
}
.topnav a{
	display:none;
}

/* Testo del menù */
.menu a.text_nojava {
	z-index:2;
	height:30px;
	margin:0px;
	font-family: 'Parisienne', cursive;
	position: relative;
    float: right;
    color: rgb(255,255,255);
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 25px;
}
/* Colore quando si passa sull menù */
.menu a.text_nojava:hover {
    background-color: rgb(255,255,255,0.8);
    color: black;
}
/*													 	BLOCCO INFO -> TUTTE LE SCHEDE*/

/* Rettangolo del fondo -> sfondo nero */
.info {
	position:relative;
	width:100%;
	background-color: rgb(0,0,0);
}
/* Rettangolo stretto 3colonne+linea+partitaIVA  */
.info1 {
	width:70%;
	height:350px; 
	margin-right:15%;
	margin-left:15%;
}
/* Rettangolo 3 colonne+linea */
.info2 {
	height:70%; 
	border-bottom: 2px solid white;
}
/*Formato colonne INFO */
.info3 {
	float:left;
	text-align:left;
	width:33%;
}
/*Formato titoli INFO */
.info3 h1 {
	font-family: Times New Roman Times serif;
	font-size: 30px;
    color: white;
    text-align: center;
    text-decoration: none;
}
/*Formato testo INFO */
.info3 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px; 
    color: white;
    text-align: center;
    text-decoration: none;
}
.linkedin {
	color:rgb(130,180,255);
}
/* Formato testo partita IVA */
.info1 a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: rgb(250,250,250); 
	text-align: left; 
	text-decoration: none;
}

.iva{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: white; 
	text-decoration: none;
}
.social {
	width:120px;
	margin:auto;
}
.fb, .inst, .wats{
	float:left; 
	width:30px;
	height:30px;
	position:relative ;
	margin-right:5px;
	margin-left:5px;
}



@media screen and (max-width: 1000px) {
	/*													MENU			*/
	.menu{
		height:150px;
	}
	.menu a.text {
		display:none;
	}
	.imag {
		width:200px;
		margin-left: calc(50vw - 175px);
	}
	.imag img {
		width:350px;
		height:auto;
	}
	.hamburger {
		float:right;
		display:block;
	}	
	.hamburger img {
		width:70px;
		height:70px;
		margin:39px;
	}	
	.topnav {
		position:absolute;
		top: 150px;
		margin:0px;
		width:100%;
		background-color:rgb(255,255,255);
	}
	.topnav a {
		display: none;
	}
	.topn {
		width:40vw;
		margin:0vw;
		margin-left:30vw;
	}
	.topnav.responsive {
		position:absolute;
		top: 150px;
	}
	.topnav.responsive a {
		text-decoration:none;
		width:100vw;
		margin-top:2vw;
		margin-bottom:2vw;
		margin-left:0vw;
		float: none;
		display: block;
		text-align: center;
		background-color: rgb(255,255,255);
	}
	.topnav.responsive a:hover {
		font-weight: bold;
	}
		/*													INFO			*/
	div.info3 {
	width:100%;
	}
	div.info2 {
	display:inline-block; 
	height:auto;
	}
	div.info {
	display:inline-block; 
	height:auto;
	}
	.info3 h1 {
	font-size: 40px;

	}
	.info3 p {
		font-size: 25px; 
	}
	.social {
	width:211px;
	margin:auto;
	}
	.fb, .inst, .wats{
	float:left; 
	width:60px;
	height:60px;
	position:relative ;
	margin-right:5px;
	margin-left:5px;
}
}