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

	nav ul li{
		padding: 0 50px;
	}

	header #sup{
		width: 100%;
	}
	
	#slider .page .page_limit{
		width: 768px;
		display: inline-block;
	}

	#slider article{
		width: 45%;
	}

	#slider article i.fa-search-plus{
		position: absolute;
		right: 15px;
		top: 15px;
		transition: 750ms;
		display: inline-block;
		font-size: 20px;
		opacity: 1;
	}

	#slider article i.hide{
		opacity: 0;
	}

	#slider article .social{
		display: block;
		width: 100%;
		position: absolute;
		bottom: 15px;
		left: 0px;
		text-align: center;
	}

	.facebook_link{
		background-color: #069ee1;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		color: #fff;
		display: inline-block;
		border-radius: 50%;
	}

	.twitter_link{
		background-color: #069ee1;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		color: #fff;
		display: inline-block;
		border-radius: 50%;
	}

	article{
		width: 90%;
		margin-left: 5%;
	}

	article.row{
		width: 94%;
		margin-left: 3%;
	}

	article.footer{
		width: 90%;
	}

	#unete ul li{
		padding: 0 15px;
	}

	footer .text{
		width: 430px;
		padding-right: 0px;
	}

	footer ul{
		width: 740px;
	}

}

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

	nav{
		position: fixed;
		top: 0px;
		left: 0px;
		background-color: #fff;
		margin-top: 0px;
		border-top: 0px;
	}

	nav ul{
		margin-top: -25px;
	}

	nav ul li{
		padding: 0 50px;
	}

	header{
		margin-top: 45px;
	}

	header #sup{
		width: 100%;
	}

	nav ul li{
		border-bottom: 1px solid rgba(0,159,227,0.6);
	}

	nav ul li a{
		line-height: 45px;
	}

	header h2 br{
		display: none;
	}

	header h1{
		max-width: 630px;
		width: 90%;
		font-size: 32px;
	}

	header h2{
		width: 90%;
		margin-left: 5%;
	}

	nav ul li{
		float: none;
		width: 100%;
		text-align: center;
		padding: 0px;
	}

	nav #menu_btn{
		display: block;
	}

	nav ul{
		display: none;
	}

	#nav-icon2{
	  width: 34px;
	  height: 16px;
	  position: relative;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	    margin: 14px 14px;
	}

	#nav-icon2 span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 17px;
	  background: #009fe3;
	  opacity: 1;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-icon2 span:nth-child(even) {
	  left: 50%;
	}

	#nav-icon2 span:nth-child(odd) {
	  left:0px;
	}

	#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
	  top: 0px;
	}

	#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
	  top: 6px;
	}

	#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
	  top: 12px;
	}

	#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-icon2.open span:nth-child(1) {
	  left: 5px;
	  top: 3px;
	}

	#nav-icon2.open span:nth-child(2) {
	  left: calc(50% - 5px);
	  top: 3px;
	}

	#nav-icon2.open span:nth-child(3) {
	  left: -50%;
	  opacity: 0;
	}

	#nav-icon2.open span:nth-child(4) {
	  left: 100%;
	  opacity: 0;
	}

	#nav-icon2.open span:nth-child(5) {
	  left: 5px;
	  top: 10px;
	}

	#nav-icon2.open span:nth-child(6) {
	  left: calc(50% - 5px);
	  top: 10px;
	}


	#slider .page .page_limit{
		width: 100%;
	}

	#slider article label{
		font-size: 18px;
	}

	#unete ul{
		width: 200px;
	}

	#unete ul li{
		padding-bottom: 45px;
		padding-right: 0px;
		padding-left: 0px;
	}

	#unete ul li figcaption{
		padding-top: 25px;
	}

	article.row{
		width: 90%;
		margin-left: 5%;
	}

	article.footer{
		padding: 30px 0 50px;
		line-height: 33px;
	}

	footer .coop{
		float: right;
	}
	
	footer .text{
		width: 90%;
		float: none;
		display: block;
		clear: both;
	}

	footer ul{
		width: 90%;
		margin-left: 5%;
	}

}

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

	#slider article{
		width: 90%;
	}

}

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

	header h1{
		font-size: 22px;
	}

}

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

	header h1{
		font-size: 18px;
	}

}