/* You can add global styles to this file, and also import other style files */
body{
  background: url('../images/background2.jpg') no-repeat center center fixed;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
@media(min-width:450px) and (max-width: 800px) {
  body{
    background: url('../images/background2.jpg') no-repeat center center fixed!important;
    background-attachment: fixed!important;
    background-repeat: no-repeat!important;
    background-position: -154px -60px!important;
    background-size: 1000px 1510px!important;

  }
  .img-idioma{
    width: 85%;
    height: 53px;
    box-shadow: 5px 6px 15px black;
  }
}
.body-homepage{
  background: url('../images/background2.jpg') no-repeat center center fixed!important;
  background-attachment: fixed!important;
  background-repeat: no-repeat!important;
  background-position: -154px -60px!important;
  background-size: 1000px 1510px!important;
  max-width: 770px!important;
  max-height: 1710px!important;
}

#logo_benvinguda{
  margin-top: 130px;
  height: 200px;
  margin-bottom: 160px;
}
#logo_tipus{
  margin-top: 100px;
  height: 200px;
  margin-bottom: 205px;
}
.titol_tipus{
  margin-bottom: 40px;
  text-shadow: 2px 3px 1px black;
}
.titols_Admin{
  color: white;
  margin: 25px;
}

#benvinguda a:hover, #benvinguda a:visited{
  color: white!important;
  text-decoration: none!important;
}
.element-vi{
  opacity: 0.89;
  margin-bottom: 10px;
}
.btn-selection{
  width: 155px;
}
.head-modal{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}
.modal-content{
  opacity: 0.90;
}
@media (min-width: 576px){
  .modal-dialog {
    max-width: 820px!important;
    margin: 1.75rem auto!important;
  }
  .img-idioma{
  width: 160px;
  height: 100px;
  box-shadow: 5px 6px 15px black;
  }
}
.wines{
 margin-top: 50px;
}

.registration_panel{
  margin-top: 90px;
  background: #e9ecef;
  padding: 20px 18px 33px;
  border-radius: 14px;
}

#wine_image_admin{
  max-height: 90px;
  margin-top: 5px;
}
.margin-type{
  margin-right:18px;
}
.sombrejat{
  color: white;
  text-shadow: 2px 3px 1px black;
}
@media only screen and (max-width: 600px) {
  .img-idioma{
    width: 85%;
    height: 53px;
    box-shadow: 5px 6px 15px black;
  }
}