/*@import "https://fonts.googleapis.com/css?family=Raleway";*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300italic,300,700italic,700,600);*/
.set-default {
    float: left;
    width: 100%;
}
@font-face {
    font-family: umber;
    src: url('https://quintadalixa.pt/assets/fonts/UMBER.TTF');
}
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#vinho {
    width:100%;
    height:100%;
    opacity:.8;
    z-index: 999;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto;
}
div.modal-content {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 17%;
    z-index: 9999;
    display:none;
    margin-left: -120px;
    font-family: 'Raleway',sans-serif;
    background-color: #fff;
    border: 2px solid #9EAB04;
    border-radius: 10px;
    max-width: 400px;
    min-width: 250px;
    padding: 0px 25px;
}
p {
    margin-top:5px;
    font-size: 12px;
    font-family: Lato, sans-serif;
    font-weight: 400;
    color: #333;
    font-style: normal;
    line-height: 1.42857143;

}
button.sim {
    background: #f2f2f2;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    padding: 7px 15px;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
    margin: 5px 20px;
    color: green /*#8fbc8f*/;
    font-weight: bold;
}
button.sim:hover{
    background: #cdcdcd;
    font-weight: bold;
}
button.nao {
    background: #f2f2f2;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    padding: 7px 15px;
    box-sizing: border-box;
    vertical-align: middle;
    border-radius: 0;
    margin: 5px 20px;
    color: red /*#cd5c5c*/;
    font-weight: bold;
}
button.nao:hover{
    background: #cdcdcd;
    font-weight: bold;
}
h2 {
    background-color:#FEFFED;
    padding:20px 35px;
    margin:-10px -50px;
    text-align:center;
    border-radius:10px 10px 0 0;
    font-weight: 300;
    line-height: 1.1;
    font-size: 1.8rem;
    margin-top: 1.5rem;
}
hr {
    margin:10px -50px;
    border:0;
    border-top:1px solid #ccc;
}
span.confirmar {
    padding: 4px;
    margin: 5px;
    font-family: 'Raleway',sans-serif;
}

@media screen and (max-width: 375px) {
	div.modal-content {
		left: 40%;
		max-width: 300px;
	}
	button.sim {
		margin: 5px 5px;
	}
	button.nao {
		margin: 5px 5px;
	}
    
}

@media screen and (max-width: 515px) {
	div.modal-content {
		left: 30%;
	}
}

@media screen and (max-width: 767px) {
	div.modal-content {
		left: 40%;
	}
}