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

@media screen and (min-width: 1500px) {
	.page-id-5 .page-container {
    	margin-top: 550px;
	}
	.punto {
		background-position: 20% 0;
		background-size: 10%;
	}
}

@media screen and (max-width: 1120px) {
	.navbar-default .navbar-nav>li>a {
		padding: 10px 40px !important;
		font-size: 22px !important;
	}
}

@media screen and (max-width: 992px) {
	.navbar-default .navbar-nav>li>a {
		padding: 10px 25px !important;
		font-size: 19px !important;
	}
	.cornice span {
    	top: 20% !important;
		font-size: 15px !important;
	}
	.cornice span.t1 {
    	top: 30% !important;
	}
	.cornice span.t3 {
    	top: 10% !important;
	}
	.num_tiles {
    	font-size: 220px !important;
	}
	.grid-item:nth-child(4):hover .grid-inner {
		padding: 42% 31% 0 32%;
	}
	.punto {
    	background-position: 1% 0 !important;
		padding: 20px 4% 50px 15% !important;
	}
	.contento {
    	padding: 0 20px;
	}
}

@media screen and (max-width: 767px) {
	body.page-id-5.custom-background {
		background-size: 767px;
	}
	.navbar-default .navbar-nav>li>a {
		font-size:30px;
		margin-bottom:10px;
	}
	.navbar-default .navbar-nav>li>a:after {
		content: "";
		background: #111;
		height: 4px;
		width: 30px;
		display: block;
		margin: 25px auto 0 auto;
	}
	.navbar-default .navbar-nav>li:last-child>a:after {
		display:none;
	}
	div.fields {
		width:100% !important;
	}
	.site-title {
		width: 85% !important;
		float: left !important;
		padding: 0 10px;
	}
	.navbar-default .navbar-nav>li>a span {
		border:none !important;
	}
	#FileUpload {
    	width: 250px !important;
    	height: 250px !important;
	}
}
@media screen and (max-width: 640px) {
	.grid-inner {
	    /*transform: scale(2.1) !important;*/
	}
	body.page-id-5.custom-background {
		background-size: 640px;
	}
	.page-id-5 .page-container {
    	margin-top: 200px;
	}
	.num_tiles {
    	font-size: 140px !important;
	}

	.grid {
	    padding-top: 33% !important;
	}
	.grid-inner {
		font-size: 8px !important;
	}
	.cornice {
		width: 25% !important;
		height: 25% !important;
	}
	.grid-inner strong {
    	font-size: 14px !important;
	}
	.grid-item:nth-child(1):hover .grid-inner, .grid-item:nth-child(1).hover .grid-inner {
		padding:38% 33% !important;
	}
	.grid-item:nth-child(3):hover .grid-inner, .grid-item:nth-child(3).hover .grid-inner {
		padding:38% 33% !important;
	}
	.grid-item:nth-child(4):hover .grid-inner, .grid-item:nth-child(4).hover .grid-inner {
		padding:35% 33% !important;
	}
	.grid-item:nth-child(2) .grid-inner {
	    font-size: 11px !important;
		padding: 41% 30% 0 30% !important;
	}
	.grid-item:nth-child(6) .grid-inner {
	    font-size: 11px !important;
		padding: 41.5% 30% 0 30% !important;
	}
	.grid-item:nth-child(2) {
		width: 45%;
		padding-bottom: 45%;
		margin-top: -83% !important;
		margin-left: 42.5% !important;
	}
	/*.grid-item:nth-child(6) {
		width: 45%;
		padding-bottom: 45%;
		margin-top: -18% !important;
		margin-left: 10% !important;
	}*/

	#hpvideo iframe {
		margin-top:10% !important;
	}
	.site-title-heading a.titolo {
		margin-top:0 !important;
	}
	.imgpartecipa {
		width:95% !important;
	}
	table.chisiamo td {
		width:100% !important;
		display:block;
	}
	.punti:before {
		display:none !important;
	}
	.navbar {
		margin-bottom:0;
	}
	.grid-item:nth-child(4):hover .grid-inner ul {
		display:none;
	}
	.grid-item:nth-child(4):hover span {
		display: block !important;
	}
	.grid-item:hover .grid-inner strong, .grid-item.hover .grid-inner strong {
		margin-bottom: 0 !important;
	    font-size: 10px !important;
	}
	
	.contento {
		font-size: 18px !important;
		line-height: 1.4em !important;
	}
}

@media screen and (max-width: 480px) {
	.contento .imago.mobile {
		display:block !important;
	}
	.contento .imago.desktop {
		display:none;
	}

	.num_tiles {
    	font-size: 100px !important;
	}
	.cornice span {
    	top: 20% !important;
		font-size: 12px !important;
	}
	.cornice span.t1 {
    	top: 30% !important;
	}
	.cornice span.t3 {
    	top: 1% !important;
	}
	body.page-id-5.custom-background {
		background-size: 480px;
	}
	.page-id-5 .page-container {
    	margin-top: 200px;
	}
	.page-id-5 .site-title-heading a.logo {
		width: 150px;
		float: none;
		margin: 20px auto;
	}
	#ioconlafricaupload fieldset.fld input, #ioconlafricaupload fieldset.fld select, #ioconlafricaupload fieldset.fld textarea {width:100%;}
	.grid-item:nth-child(4):hover .grid-inner ol, .grid-item:nth-child(4):hover .grid-inner ol li {
		margin: 0 0 0 3.5px !important;
		font-size:6px;
	}
	.grid-item:nth-child(1):hover .grid-inner, .grid-item:nth-child(3):hover .grid-inner, .grid-item:nth-child(4):hover .grid-inner  {
		background-size: 90%;
	}
	footer section.social ul li {
	    margin: 5px 2px 5px 0 !important;
	}
}

@media screen and (max-width: 350px) {
	.grid-item:nth-child(2) .grid-inner {
	    font-size: 10px !important;
		padding: 40% 30% 0 30% !important;
	}
	.grid-item:nth-child(6) .grid-inner {
	    font-size: 10px !important;
		padding: 35% 30% 0 30% !important;
	}

}