responsive.css

/*
Responsive CSS Rules for PASW2015 v2.0+R
by Marco Milesi 2015
*/

@media screen and (max-width: 480px) {

	#topbar ul li a {
		width:100% !important;
	}w
	#header h1 {
		font-size: 6vw;
	}
	#header img.logo {
		display:none;
	}
    .footer-column img, span {
    	float: none!important;
    	margin-bottom:10px;
  }
  	.col-com2, .stickyc-col {
    	    width: 95%!Important;
  }
  .footer-column span {
    	float: none!important;
    	margin-bottom:10px;
  }
  .remove-cookie{
	display: none!important;
  }
}

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

div#header { 
	background-image: none!important; 
	} 

	.footer-column, #footer-credits {
		width: 50%;
		text-align:center;
	}
    .footer-column:nth-of-type(1) {
    	width: 100%;
    }
	#centrecontent {
		width: 97%!important;
	}
}

@media screen and (max-width: 1024px) {
	 #topbar ul li a, #menu-menu-orizzontale li:first-child a  {
		float:left;
		width:50%!important;
		text-align:center;
		border:none;
		padding: 5px 0;
	}
	#leftsidebar {
		width: 100%!important;
	}
	#leftsidebar ul li {
		width: 49%;
		float:left;
	}
	.topsearch-div {
		width: 100%;
		float: left;
		position: relative !important;
	}
	#header h1 {
		font-size:5vw;
	}
	#header ul.sito {
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
	}
	#topbar {
		left: 0;
	}
	#sidebarleft-100-background {
    	display: none;
	}
    	#leftsidebar {
    		float: none;
    		width: 100%;
  	}
  	body {
  		background:none!important;
  		margin:0!important;
  	}
  	#wrapper, #topbar {
  		width: 100%!important;
  		margin: 0 auto!important;
  		box-shadow: none!important;
  		overflow-x: hidden;
  	}
  	#header ul.sito {
  		margin: 0!important;
  	}
	#centrecontent {
		width: 75%;
	}
	.secondo-menu {
		//display:none;
	}
	#rightsidebar {
		width: auto;
	}
}