html{padding:0;margin:0;}
body{
padding:0;
margin:0;
font-family: 'Libre Baskerville', serif;
font-size:100%;
font-weight:normal;
color:#3d3d3d;
}

a:link {
	color: #3d3d3d;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3d3d3d;
}
a:hover {
	text-decoration: none;
	color: #3d3d3d;
}
a:active {
	text-decoration: none;
	color: #3d3d3d;
}

form {
    width:100%;
	margin: 0 auto;
    font-size:1.1em;
}

input, textarea, select {
	background-color:#fff;
	border: 1px solid #e2e2e2;
	color: #3d3d3d;
	padding: 5px;
	margin: 5px;
}
select option {
    background-color:#fff;
}
input:hover, input:focus, textarea:hover, textarea:focus {
	background-color:#fff;
	border: 1px solid #e2e2e2;
}
textarea {
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 1px;
	width: 99%;
	border: 1px solid #e2e2e2;
}

form#carrello_dati {
    width:100%;
    margin:auto;
}
form#carrello_dati input {
    width:42%;
}
form#carrello_dati textarea {
    width:96.6%;
}
form#carrello_dati input[type=submit] {
	font-weight: bold;
	cursor: pointer;
	margin: 3px;
    width:100%;
font-size:1.2em;
}
form#carrello_dati input[type=checkbox] {
width:10%;
background:#f0f0f0;
border:1px solid #e2e2e2;
}
form#carrello_dati p{
margin:0;
padding:0;
}

hr{
border-bottom:1px solid #e2e2e2;
}

img{
max-width:100%;
height:auto;
border:none;
}

p{
padding:65px 10px;margin:0;
border-bottom:1px solid #e2e2e2;
}

.borderb{
border-bottom:1px solid #e2e2e2;
}

.redirect {
	padding: 10px;
	border: 1px solid #e2e2e2;
	width: 75%;
	margin-top: 25px;
background-color:#f0f0f0;
}

#top{
background-color:#000;
padding:20px 0px;
text-align:center;
}
#photo{
  background-image: url('images/bg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom; 
min-height:100px;
padding:250px;
margin-bottom:40px;
font-family: 'Libre Baskerville', serif;
font-size:2.5em;
text-align:center;
color:#fff;
}


@media screen and (max-width: 1600px) {
  #photo{background-image: url('images/bg_1600.jpg');}
}
@media screen and (max-width: 1280px) {
  #photo{background-image: url('images/bg_1280.jpg');}
}
@media screen and (max-width: 1024px) {
  #photo{background-image: url('images/bg_1024.jpg');}
}
@media screen and (max-width: 800px) {
  #photo{background-image: url('images/bg_800.jpg');}
}
@media screen and (max-width: 600px) {
  #photo{background-image: url('images/bg_600.jpg');padding:10px;font-size:2em;}
}
@media screen and (max-width: 300px) {
  #photo{background-image: url('images/bg_300.jpg');padding:10px;font-size:2em;}
}

#content{
width:955px;
margin: 0 auto;
font-size:1.4em;
text-align:center;
}

#greyfooter{
padding:10px 0px;
background-color:#f0f0f0;
}

#footer{
font-family: 'Lato', sans-serif;
font-size:0.8em;
text-align:center;
padding:50px;
color:#737373;
}

.titoli{
font-size:1.9em;
font-weight:bold;
line-height:100px;
}
.sottotitoli{
font-family: 'Lato', sans-serif;
font-size:0.9em;
letter-spacing:2px;
}

.wine_title{
    min-height:40px;
display:block;
}

.flex-container{
width:100%;
display:flex;
flex-wrap:wrap;j
justify-content:space-between;
margin:30px auto;
}
.flex-container > p{
width:33%;
margin:0;
padding:0;
color:#5e5e66;
font-size:0.7em;
text-align:center;
border-bottom:none;
}

.buy{
font-family: 'Lato', sans-serif;
background-color:#959595;
text-transform: uppercase;
color:#ffffff;
width:auto;
padding:10px;
line-height:60px;
text-decoration:none;
}

.buy_text {
color:#ffffff;
text-decoration:none;
}

.wine_description{
display:none;
font-family: 'Lato', sans-serif;
font-size:0.9em;
text-align:justify;
padding:10px;
}

#carrello{
font-size:0.65em;
text-align:left;
background-color:#f0f0f0;
padding:10px;
}

.width33{
margin:0;
padding:0.5em 0em;
color:#5e5e66;
font-size:0.7em;
text-align:center;
border-bottom:none;
}

.mini-prosecco-button{
border:1px solid #f6b968;
/*background-color:#fef8c8;*/
vertical-align:middle;
padding:0.3em;
margin-top:0.5em;
line-height:2em;
}


@media screen and (min-width: 600px) {
#bottom_pics{
width:955px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
#bottom_pics img{
max-width:32%;
}
.width33{
width:33%;
float:left;
}
}
@media screen and (max-width: 600px) {
#bottom_pics{
text-align:center;
}
#content{width:100%;}
.flex-container > p{min-width:50%;}
#bottom_pics{width:100%;}
#bottom_pics img{max-width:100%;}

.width33{
width:100%;
float:none;
}
}