@media (min-width: 768px) {

}

@media (max-width: 500px) {

	.loghiTestata {
    position: relative;
    right:0;
    z-index: 999 !important;
    margin-top: 10px;
    width:100%;
    text-align: center;
	}

	.loghiTestata img {
		width:80px;

	}

	.scritteTitoli {
		margin-left: 0 !important;
		text-align: center;
		margin-top: 110px !important
	}

	.scritteTitoli h1 {
	   font-size: 16px !important;
	   font-weight: 500;
	   margin-top: 5px;
	   color:#ffffff;
	}

	.scritteTitoli h2 {
	   font-size: 14px !important;
	   font-weight: 300;
	   margin-bottom: 0;
	   color:#ffffff;
	}

	.scritteTitoli h5 {
	   font-size: 12px !important;
	   font-weight: 300;
	   text-transform: uppercase;
	   color:#ffffff;
	}

	.scritteTitoli p{
	   font-size: 12px !important;
	   font-weight: 300;
	   text-transform: uppercase;
	   color:#ffffff;
	}

	a.pointer {
	  background: url(/img/pointer.png) no-repeat;
	  width: 65px;
	  height: 70px;
	  background-position: 0 0px;
	  display: block;
	  z-index: 999;
	  color: #fff;
	  font-family: 'Poppins', 'Arial', sans-serif;
	  font-size: 19px;
	  line-height: 35px;
	  text-align: center;
	  text-decoration: none;
	}

	a.pointer:hover, a.pointer.active  {
	  background: url(/img/pointer.png) no-repeat;
	  width: 65px;
	  height: 70px;
	  display: block;
	  background-position: 0 -70px;
	  text-decoration: none;
	}

	.bgTestata {
    	background: #000000;
    	height: 380px !important;
    	width: 100%;
    	position: absolute;
	}

	.pointer1 {
    position:absolute;
    left:6%;
    top:-20%;
	}

	.pointer2 {
	    position:absolute;
	    left:30%;
	    top:-20%;
	}

	.pointer3 {
	    position:absolute;
	    left:52%;
	    top:-20%;
	}

	.pointer4 {
	    position:absolute;
	    right:3%;
	    top:-20%;
	}

}

@media (min-width: 768px) and (max-width: 1000px) {
	.portraitPad {position:absolute;left:0;top:70px !important;z-index:0}

	.pointer1 {
    position:absolute;
    left:20%;
    top:40%;
	}

	.pointer2 {
	    position:absolute;
	    left:35%;
	    top:40%;
	}

	.pointer3 {
	    position:absolute;
	    left:50%;
	    top:40%;
	}

	.pointer4 {
    	position:absolute;
    	right:15%;
    	top:40%;
	}

}

@media (min-width: 1024px) and (max-width: 1200px) {
	.pointer1 {
    position:absolute;
    left:20%;
    top:40%;
	}

	.pointer2 {
	    position:absolute;
	    left:35%;
	    top:40%;
	}

	.pointer3 {
	    position:absolute;
	    left:50%;
	    top:40%;
	}

	.pointer4 {
    	position:absolute;
    	right:15%;
    	top:40%;
	}

}


@media (min-width: 501px) and (max-width: 767px) {

	.loghiTestata {
    position: relative;
    right:0;
    z-index: 999 !important;
    margin-top: 10px;
    width:100%;
    text-align: center;
	}

	.loghiTestata img {
		width:80px;

	}

	.scritteTitoli {
		margin-left: 0 !important;
		text-align: center;
		margin-top: 110px !important
	}

	.scritteTitoli h1 {
	   font-size: 16px !important;
	   font-weight: 500;
	   margin-top: 5px;
	   color:#ffffff;
	}

	.scritteTitoli h2 {
	   font-size: 14px !important;
	   font-weight: 300;
	   margin-bottom: 0;
	   color:#ffffff;
	}

	.scritteTitoli h5 {
	   font-size: 12px !important;
	   font-weight: 300;
	   text-transform: uppercase;
	   color:#ffffff;
	}

	.scritteTitoli p{
	   font-size: 12px !important;
	   font-weight: 300;
	   text-transform: uppercase;
	   color:#ffffff;
	}

	a.pointer {
	  background: url(/img/pointer.png) no-repeat;
	  width: 65px;
	  height: 70px;
	  background-position: 0 0px;
	  display: block;
	  z-index: 999;
	  color: #fff;
	  font-family: 'Poppins', 'Arial', sans-serif;
	  font-size: 19px;
	  line-height: 35px;
	  text-align: center;
	  text-decoration: none;
	}

	a.pointer:hover, a.pointer.active  {
	  background: url(/img/pointer.png) no-repeat;
	  width: 65px;
	  height: 70px;
	  display: block;
	  background-position: 0 -70px;
	  text-decoration: none;
	}

	.bgTestata {
    	background: #000000;
    	height: 380px !important;
    	width: 100%;
    	position: absolute;
	}

	.pointer1 {
	    position:absolute;
	    left:6%;
	    top:20%;
	}

	.pointer2 {
	    position:absolute;
	    left:30%;
	    top:20%;
	}

	.pointer3 {
	    position:absolute;
	    left:52%;
	    top:20%;
	}

	.pointer4 {
	    position:absolute;
	    right:3%;
	    top:20%;
	}

}