/*Override*/
body{
  font-family: "Google Sans", sans-serif; 
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
a{
	color:#32A232;
}
a:hover{
	color:#006837;
}

.wrappic1{
}

.l1-txt1 {
	font-family: Spartan;
	font-size: 46px;
	color: #006837;
}

.l1-txt1 span{
	/*color: #8CC63F;*/
	color: #32A232;
}

/*Logo Area - Partner*/
#logo-area{
	display: flex;
	justify-content: center; /* Centra in orizzontale (asse principale) */
	align-items: center;     /* Centra in verticale (asse secondario) */
}

/*Contact Area*/
#contact-area{
	text-align: center;
}

/*Social*/
.fb-responsive-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;  /* Limite massimo imposto dal design di Facebook */
  min-width: 180px;  /* Limite minimo imposto dal design di Facebook */
  margin: 0 auto;
  overflow: hidden;
}

.fb-responsive-wrapper iframe {
  width: 100% !important;
  height: 500px;     /* Imposta l'altezza uguale a quella definita nell'URL dell'iframe */
  border: none;
}

/*Menu*/
nav{
	position: absolute;
}
#menuToggle {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  background: url("../images/menu.png") no-repeat;
}

#menuToggle input
{
  display: flex;
  width: 30px;
  height: 32px;
  /*position: absolute;*/
  cursor: pointer;
  opacity: 0;
  z-index: 2;
   
}

#menuToggle span
{
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
			  
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #36383F;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

#menu
{
  position: absolute;
  width: 240px;
  /*height: 600px;*/
  box-shadow: 0 0 10px #85888C;
  margin: -50px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background-color: #F5F6FA;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  transition-delay: 2s;
}
#menu a{
	text-transform: uppercase;
	font-size: 16px;
}

#menuToggle input:checked ~ ul
{
  transform: none;
}



/*
RESPONSIVE
*/

/* Table of Contents
==================================================
    #Base (1180 Grid)
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
    
    

/* #Dekstop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1199px) {
	
    }
  
	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
				
    }

	/*Exception Width: Fixing Top Menu*/	
	@media only screen and (min-width: 900px) and (max-width: 1040px) {
		
	}
	
	

/*  #Mobile (Portrait)
================================================== */

	@media  only screen and (min-width: 900px) { 
		#center-area{
			display: none;
		}
	
	}

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
	}


/* #Mobile (Landscape)
================================================== */

	/*More Little*/
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.l1-txt1 {
			font-size: 36px;
		}
		#center-area{
			display: none;
		}
	}


    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation : landscape) {
		
	}

	
	/*iPad in landscape*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
		
	}
	
	/*iPad in portrait*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
		
	}