@media all and (min-width: 568px) {

.home_01 {
    background-image: url(images/home_01.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100vh;
}
.citazione_02 {
    background-image: url(images/citazione_02.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100vh;
}
.about_03 {
    background-image: url(images/about_03.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100vh;
}
.contatti_04 {
    background-image: url(images/contatti_04.jpg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100vh;
}
                
.titolo {
 	cursor: pointer;
    background: transparent;
    width: 50%;
    height: 13%;
    display: block;
    position: relative;
    top: 0;
    left: 48%;
}
.titolo_mob {
 	cursor: pointer;
    background: transparent;
    width: 40%;
    height: 100px;
    display: block;
    position: relative;
    top: 0;
    left: 40%;
    display: none;
}
.titolo_cont {
 	cursor: pointer;
    background: transparent;
    width: 40%;
    height: 100px;
    display: none;
    position: relative;
    top: 0;
    left: 40%;
    display: none;
}

.about {
    cursor: pointer;
    background: transparent;
    width: 40%;
    height: 3%;
    display: block;
    position: relative;
    top: 75%;
    left: 60%;
}
.contact {
    cursor: pointer;
    background: transparent;
    width: 40%;
    height: 3%;
    display: block;
    position: relative;
    top: 75%;
    left: 60%;
}
.mail{   
	cursor: pointer;
    background: transparent;
    width: 70%;
    height: 2%;
    display: block;
    position: relative;
    top: 34%;
    left: 30%;
}
.about_cont {
	cursor: pointer;
    background: transparent;
    width: 30%;
    height: 40px;
    display: none;
    position: relative;
    top: 76%;
    left: 55%;
}
}
/* Sfondo_mobile */
@media all and (max-width: 567px) {


.home_01 {
    background-image: url(images/home_01_mob.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}    
    
.citazione_02 {
    background-image: url(images/citazione_02_mob.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 99vw;
    height: calc(100vw*2.5);
}
.about_03 {
    background-image: url(images/about_03_mob.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 99vw;
    height: calc(100vw*3.8);
}

.contatti_04 {
    background-image: url(images/contatti_04_mob.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 100vw;
    height: calc(100vw*1.7);
    overflow: hidden;
}
                
.titolo {
 	cursor: pointer;
    background: transparent;
    width: 70%;
    height: 100px;
    display: block;
    position: relative;
    top: 0;
    left: 20%;
    display: none;
}
.titolo_mob {
 	cursor: pointer;
    background: transparent;
    width: 70%;
    height: 100px;
    display: block;
    position: relative;
    top: 0;
    left: 20%;
}
.titolo_cont {
 	cursor: pointer;
    background: transparent;
    width: 70%;
    height: 100px;
    display: block;
    position: relative;
    top: 0;
    left: 20%;
    margin-bottom: -100px;
}

.about {
	cursor: pointer;
    background: transparent;
    width: 30%;
    height: 40px;
    display: block;
    position: relative;
    top: 76%;
    left: 55%;
    margin: 5px;
}
.about_cont {
	cursor: pointer;
    background: transparent;
    width: 30%;
    height: 40px;
    display: block;
    position: relative;
    margin-top: calc(100vw*1.06);
    left: 55%;
}
.contact {
	cursor: pointer;
    background: transparent;
    width: 30%;
    height: 40px;
    display: block;
    position: relative;
    top: 76%;
    left: 55%;
    margin: 5px;
}

.mail{   
    cursor: pointer;
    background: transparent;
    width: 51%;
    height: 70px;
    display: block;
    position: absolute;
    top: 306px;
    left: 25%;
    }
}