@charset "UTF-8";


@font-face {
	font-family: 'Minion Pro';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
    src: url('https://card.falezze.it/font/MinionPro-It.woff') format('woff');

}

@font-face {
font-family: 'Poppins Regular';
src: url('https://card.falezze.it/font/Poppins-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}


html {
margin: 0;
padding: 0;
}

body {
font-size: 16px; 
background-color: #f2ebdf;
text-align: center;
margin: 0;
padding: 0;
color: #fff;
font-family: "Minion Pro", Verdana, Arial, Helvetica, sans-serif;
}

a {
color: #fff;
text-decoration: none;
}

h1, h2 {
font-weight: normal;
}

h1 {
margin: 1.1em 0 0.7em 0;
font-size: 3em;
}

div.main-container {
width: 40%;
margin: 2em auto;
padding: 2em 0 0 0;
background: #3f2021 url("img/background.jpg") no-repeat center;
}

div.scatolaflessa {
display: flex;
flex-direction: column;
padding: 0 0 1em 0;
margin: 0;
}

div.scatolaflessa div {
padding: 2em 0;
}

a.pulsantelink {
font-family: "Poppins Regular", Arial, Helvetica, sans-serif;
font-weight: normal;
background: rgba(49, 13, 13, 0.6);
color: #fff;
padding: 6px 16px;
text-decoration: none;
font-size: 1.5em;
border-radius: 10px;
}

a.pulsantelink:hover {
background-color: #6b3537;
border: 2px solid #6b3537;
}

div#privacy {
padding: 0 0 2em 0;
}


/* tablets */

@media only screen and (max-width: 1100px) and (min-width: 501px) and (min-height: 431px) {

body{
background-color: #000;
}

div.main-container {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
background: #3f2021 url("img/background.jpg") no-repeat center;
background-size: 100% auto;
}


img#logo {
height: 20vh;
height: auto;
margin: 6vh 0 0 0;
}

a.pulsantelink:hover {
background: rgba(49, 13, 13, 0.6);
border: none;
}

div#privacy {
padding: 0;
}

}



/* smartphone */

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

body {
background: #3f2021 url("img/background.jpg") no-repeat center;
background-color: #000;
padding: 10vh 0;
background-position-x: -16rem;
}

h1 {
margin: 1.1em 0 0.7em 0;
font-size: 2.1em;
}

img#logo {
width: 7em;
height: auto;
}

a.pulsantelink {
font-size: 1.3em;
}

a.pulsantelink:hover {
background: rgba(49, 13, 13, 0.6);
border: none;
}

div.main-container {
width: 100%;
height: 100%;
margin: 0;
background: none;
padding: 0;
}

div.scatolaflessa div {
padding: 2.1rem 0;
}

div#agriturismo {
background-position-y: 0;
}

div#privacy {
margin: 3vh 0 0 0;
padding: 0;
}

}



/** Smartphone landscape **/

@media only screen and (min-width: 660px) and (max-height: 430px)   {

body {
background-color: #000;
padding: 0;
}

div.main-container {
background-size: cover;
background-position-y: -80vh;
width: 100%;
margin: 0;
padding: 5vh 0;
}


img#logo {
width: auto;
height: 26vh;
}

h1 {
margin: 2vh 0 0.4vh 0;
font-size: 2.6em;
}

div.scatolaflessa {
flex-direction: row;
flex-wrap: wrap;
padding: 0 10vw;
margin: 0;
font-size: 1em;
}

div.scatolaflessa div {
box-sizing: border-box;
padding: 7vh 0;
width: 40vw;
}

a.pulsantelink:hover {
background: rgba(49, 13, 13, 0.6);
border: none;
}

div#privacy {
padding: 0.6em 0 0.3em 0;
}

}


/** smartphone short **/

@media only screen and (max-height: 499px) and (max-width: 400px) {


body {
padding: 5vh 0;
background-position-x: -86vw;
background-position-y: -50vh;
}

h1 {
margin: 3vh 0 0.5vh 0;
}

img#logo {
width: 20vh;
height: auto;
}

div.scatolaflessa div {
padding: 5vh 0;
}

a.pulsantelink {
font-size: 1.2em;
}

a.pulsantelink:hover {
background: rgba(49, 13, 13, 0.6);
border: none;
}

div#privacy {
padding: 0.6em 0 0.3em 0;
}

}




/** smartphone thin **/

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


h1 {
font-size: 2em;
}

a.pulsantelink:hover {
background: rgba(49, 13, 13, 0.6);
border: none;
}

}