.spc-margin{
    margin-top: 5rem;
}
.main-logo-img{
        max-width: 50%;
    max-height: 100vh;
    margin: auto;
}




.carousel-item-img {
    width: 100%;
    height: 100vh;
    margin: auto;
    background-size: cover;
}

.carousel-item-img#img1 {
    background-image:
        linear-gradient(to bottom, #fb51006b, rgba(0, 0, 0, 0.73)),
        url('../resources/paisaje_barreal.jpeg');
}

.carousel-item-img#img2 {
    background-image:
        linear-gradient(to bottom, #fb51006b, rgba(0, 0, 0, 0.73)),
        url('../resources/manzanas2.jpeg');
}

.carousel-item-img#img3 {
    background-image:
        linear-gradient(to bottom, #fb51006b, rgba(0, 0, 0, 0.73)),
        url('../resources/paisaje_barreal2.jpeg');
}

.carousel-item-img#img4 {
    background-image:
        linear-gradient(to bottom, #fb51006b, rgba(0, 0, 0, 0.73)),
        url('../resources/botella.jpeg');
    background-position: left;    
}


.logo {
    margin: 0;
    position: absolute;
    top: 25%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.logo.contact {
    margin: 0;
    position: absolute;
/*    top: 10rem;*/
    left: 32%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main-content {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 15%;
    right: 15%;
    text-align: center;
/*    font-size: small;*/
}


.main-content.contact {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 10%;
    right: 45%;
    text-align: center;
    font-size: small;
}

.main-content .main-text {
    font-weight: 100;
    color: rgb(255 255 255 / 90%);
    
}

.main-content.cmt-5{
    margin-top: 5rem;
}

.main-content.cmt-2{
    margin-top: 2rem;
}

/*h3{
        color: #454a4a;
    font-size: 34px;
    font-family: "Georgia", serif;
    font-style: italic;
    font-weight: normal;
    letter-spacing: -1px;
    margin-top: 10px;

}*/
.contact-container {
    position: absolute;
    top: 10rem;
    right: 15rem;
    background-color: #48352d47 !important;
}


.contact-container .section-heading {
    color: white;
}
@media only screen and (max-width: 1000px) {
    .contact-container{
        right: 20px;
    
   }
}
@media only screen and (max-width: 480px) {
  .main-logo-img{
    max-width: 100%;
    }
  /*.main-text{
    font-size: large !important;
  }*/
  .spc-margin{
    margin-top: 0px;
    
    } 
   /*.spc-margin .main-text{*/
   /* font-size: medium !important;*/

   /*}  */
   .logo.contact{
    left: 50%;
   }
   .contact-container{
    top: 15rem;
    right: 60px;
    width: 70%;
   }
}

@media only screen and (max-width: 668px) {
  
}

@media only screen and (max-height: 844px) {

  .main-content .main-text{   
    font-size: medium;
  }

}

@media only screen and (max-height: 640px) {
  .logo{
    top: 8rem;
  }
  .main-content{
    top: 40%;
/*    font-size: larger;*/
  }
  .main-content .main-text{   
    font-size: medium;
  }
}

@media only screen and (max-height: 375px) {
  .logo{
    top: 5rem;
  }
  .logo.contact{
    top: 5rem;
  }
  .main-content{
    top: 45%;
  }
  .main-content .main-text{
    top: 45%;
    font-size: medium;
  }


  .contact-container{
    top: 10%;
  }
}

