@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 800px) {

.porzionesuperiore {
  margin-top:0;
  padding:0;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#000000;
}


/* topnav */
ul{
  margin:0;
  padding:0;
  display:flex;
}

ul li{
  list-style:none;
  margin:0 20px;
  transition:0.5s;
}

ul li a{
  display: block;
  position:relative;
  text-decoration:none;
  padding:5px;
  font-size:1.5vw;
  font-family: 'Work Sans', sans-serif;
  font-weight: bold;
  color:#fff;
  text-transform:uppercase;
  transition:0.5s;
}

ul:hover li a{
  transform:scale(1.5);
  opacity:0.2;
  filter:blur(5px);
}

ul li a:hover{
  transform:scale(1.5);
  opacity:1;
  filter:blur(0);
  text-decoration:none;
  color:#fff;
}

ul li a:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000000;
  transition:0.5s;
  transform-origin:right;
  transform:scaleX(0);
  z-index:-1;
}

ul li a:hover:before{
  transition:transform 0.5s;
  transform-origin:left;
  transform:scaleX(1);
}
/*END topnav */

/* styling titolo*/
	.titolo {
  width: 100%;
  background-color: #000000;
color: #FFFFFF;
font-family: 'Work Sans';
		font-weight: bold;
font-size:2vw;
padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		letter-spacing: 0px;
	}
	
	/*styling del footer*/
 footer{height: 100%;
	 text-align:center;
     width: 100%;
     background-color: #000000;
	 color: #A7A7A7;
     font-family: 'Six Caps', sans-serif;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 letter-spacing: 4px;
     font-size: 2vw}
	
}


@media screen and (max-width: 800px) 

{
	/* styling titolo*/
	.titolo {
		margin:0px;
  width: 100%;
  background-color: #000000;
color: #FFFFFF;
font-family: 'Work Sans';
		font-weight: bold;
font-size:3vw;
padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		letter-spacing: 0px;
	}
	
	/* layout colonna singola*/
  .column {
    flex: 100%;
    max-width: 100%;
  }
	/* layout colonna singola*/
	ul{
  margin:1vw;
  padding:0;
  display:flex;
}

	/* layout topnav*/
ul li{
  list-style:none;
  margin:0 20px;
  transition:0.5s;
}
	
	ul li a{
  display: block;
  position:relative;
  text-decoration:none;
  font-weight: bold;
  padding:5px;
  font-size:3VW;
  font-family: 'Work Sans', sans-serif;
  color:#fff;
  text-transform:uppercase;
  transition:0.5s;}
	
	/*styling del footer*/
 footer{height: 100%;
	 text-align:center;
  width: 100%;
  background-color: #000000;
	 color: #B6B6B6;
font-family: 'Six Caps', sans-serif;
	 margin-top: 15px;
	 margin-bottom: 15px;
	 letter-spacing: 4px;
font-size: 2.5vw}
}