/* lg */ 
@media (min-width: 1200px) {
   /* .bg-dark {
   top: 35%;
   } */
   .img-banner-prod{
      max-width: 1138px;
   }
      .section-one {
      max-width: auto;
      max-height: auto;
      width: 95%;
      margin: auto;
      padding: 0% 6%;
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
   }
}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
   /* .bg-dark {
      top: 35%;
   } */
   .section-one {
      max-width: auto;
      max-height: auto;
      width: 95%;
      margin: auto;
      padding: 0% 6%;
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
   }
   .typo-form-a {
      font-family: 'Asap', sans-serif;
      font-weight: 700;
      font-size: 1rem;
   }
   .div-title-main {
      order: 2;
      width: 30vw;
      flex-direction: column;
      flex-wrap: wrap;
      padding-left: 40px;
      margin-left: 30px !important;
   }
   /*.margin-none-ipad-pro{
      /* margin: 0% !important; *
   }*/
   .container-typo-montain {
      /* width: max-content; */
      width: 49vw;
      padding-left: 99px;
   }
   .wrapper-doble{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 26% 0%;
   }
   .typo-desc-left{
      width: auto;
      font-family: 'Lora', serif;
      text-align: left;
      padding: 0% 0%;
      margin-top: 2%;
   }
   .typo-desc-one{
      font-family: 'Lora', serif;
      margin-top: 3%;
      text-align: center;
      font-size: 1rem;
      width: 100%;
   }
   .white-logo-desktop{
      display:none
   }
   .typo-monodosis {
      max-width: 100%;
      font-family: 'Lora', serif;
      /* margin-top: 3%; */
      text-align: start;
      font-size: 1.5rem;
   }
   .title-ocre-prod {
      font-family: 'Abril Fatface', cursive;
      color: #a7770c;
      font-size: 64px;
      max-width: 100%;
      margin-bottom: 5%;
   }
   .img-redu{
      max-width: 337px;
      width: 377px;
   }
   .in-none-movile{
      margin-left: 0px !important;
   }
   .img-banner-prod {
      max-width: 100vw;
   }

}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    /* .bg-dark {
		top: 18%;
   	} */
	.typo-form-a {
		font-family: 'Asap', sans-serif;
		font-weight: 700;
		font-size: 1rem;
	}
	.section-one {
		max-width: auto;
		max-height: auto;
		width: 95%;
		margin: auto;
		padding: 0% 6%;
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.div-title-main {
		order: 2;
		/* width: 30vw; */
		width: auto;
		flex-direction: column;
		flex-wrap: wrap;
		padding-left: 40px;
		margin-left: 30px !important;
	}
	.container-typo-montain {
		/* width: max-content; */
		width: 59vw;
		padding-left: 99px;
	}
	.wrapper-doble{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 26% 0%;
	}
	.typo-desc-left{
		width: auto;
		font-family: 'Lora', serif;
		text-align: left;
		padding: 0% 0%;
		margin-top: 2%;
	}
	.typo-desc-one{
		font-family: 'Lora', serif;
		margin-top: 3%;
		text-align: center;
		font-size: 1rem;
		width: 100%;
	}
	.white-logo-desktop{
		display:none
	}
	.typo-monodosis {
		max-width: 100%;
		font-family: 'Lora', serif;
		/* margin-top: 3%; */
		text-align: start;
		font-size: 1.5rem;
	}
	.typo-description-products {
		font-family: 'Lora', serif;
		text-align: start;
		font-size: 1rem;
	}
	.typo-descriptión-p-ocre{
		font-size: 1rem;
	}
	.img-redu{
		width: 307px;
		height: 220px;
	}
	.img-banner-prod {
		max-width: 100vw;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: #ffffff;
		font-family: 'Lato', sans-serif;
		font-weight: 600;
		font-size: 1.1rem;
	}
	/* Página de contacto  */
	.in-touch-description{
		max-width: 100%;
	}
	#info{
		margin: 0;
	}
	#info .row{
		padding: 20px;
		align-items: center;
	}
}
/* xs */
@media (max-width: 767px) {
    
    .dropdown-toggle::after {
        display: none;
    }

   /* STYLE FOR:
   <Project title>

      Google Fonts used:
                           

   */

   /* GEN POP */

   html {
      scroll-behavior: smooth;
   }
   p {
      font-size: 1.2rem;
   }
   a {
      color: #000;
   }
   a:hover {
      text-decoration: none;
      color: #ffc600;
   }
      
   /* HEADINGS */



   /* COLORS */



   /* BACKGROUNDS */



   /* BUTTONS */



   /* TYPO */

   /* 
      Lato-------------- font-family: 'Lato', sans-serif;
      Abril Fatface----- font-family: 'Abril Fatface', cursive;
      Lora-------------- font-family: 'Lora', serif; 
      Asap-------------- font-family: 'Asap', sans-serif;
   */
   .lato-typo-title-one{
      font-family: 'Lato', sans-serif;
      font-weight: 900;
      font-size: 13px;
      margin: 35px 0px 0px 0px;
      letter-spacing: 1.8px;
   }
   .title-ocre{
      font-family: 'Abril Fatface', cursive;
      color: #a7770c;
      font-size:43px;
      max-width: 80%;
      margin-bottom: 5%;
   }
   .typo-dark{
      font-family: 'Asap', sans-serif;
      margin: 2% 5%;
      font-weight: 600;
      line-height: 1.5;
      font-size: 1.1rem;
      letter-spacing: 1.3px;
      text-align: center;
   }
   .typo-desc-one{
      font-family: 'Lora', serif;
      margin-top: 0%;
      margin: auto;
      text-align: center;
      width: 90%;
   }
   .lora-italic-font{
      font-family: 'Lora', serif;
      font-style: italic;
      font-weight: 500;
   }
   .typo-desc-two{
      font-family: 'Lora', serif;
      text-align: center;
      padding: 0% 6%;
   }
   .lora-bold-font{
      font-family: 'Lora', serif;
      font-weight: 800;
   }
   .typo-desc-left{
   max-width: 85vw;
      font-family: 'Lora', serif;
      text-align: left;
      padding: 0% 0%;
      margin-top: 2%;
   }
   .max-width-container-movile{
      max-width: 100vw;
   }
   .text-button{
      width: max-content;
      margin-bottom: 0px !important;
      color: white;
      font-family: 'Lato', sans-serif;
      padding: 4px 8px;
      font-size: 0.8rem;
   }
   .typo-white-f{
      color: white;
      font-family: 'Asap', sans-serif;
      margin: auto;
      letter-spacing: 2px;
   }
   .typo-asap-f{
      font-family: 'Asap', sans-serif;
      color: #a7770c;
      align-content: center;
      margin-top: 10%;
      font-size: 1rem;
      line-height: 20px;
      font-weight: 600;
      text-align: center;
   }
      .icon-none{
      display: block !important;
   }
      
      
      /* POSITION (PADDINGS, MARGINS, ETC..) */
      
   .section {
      padding-top: 80px;
      padding-bottom: 80px;
   }
      
      
   /* LISTS */



   /* HEADER */



   /* FOOTER */



   /* CONTENT */
   body{
      max-width: 100vw;
      max-height: max-content;
      width: 100vw;
      height: max-content;
      background-color: #FFFFFF;
      margin-top: 0%;
   }

   #wrapper{
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 100vw;
      width: 100vw;
      max-height: 100vh;
      height: 100vh;
      margin: auto;
      background-color: #ffffff;
   }          
   .next-cof{
      font-size: 50px;
      color: rgb(72, 59, 59);
      font-family: 'Lato', sans-serif;
   }
   .next-cof-name{
      font-size: 150px;
      color: rgb(72, 59, 59);
      font-family: 'Lato', sans-serif;
   }
   .navbar-brand{
      padding: 0px;
   }
   .bg-dark{
      padding: 0px;
      background-color: #1d1d1b !important;
      position: fixed;
      z-index: 100;
      top: 0%;
      width: 100vw;
      margin: 0px;
   }

   .border-color-div{
      height: 15%;
      width: 100%;
      border-top: solid 1.5px #a7770c;
      display: block;
      margin: 0px auto;
      border-bottom: solid 1.5px #a7770c;
      order: 2;
   }
   .section-one{
      margin: auto;
      padding: 6% 6%;
      width: 100%;
      /* margin-top: 11%; */
   }
   .section-two{
      height: auto;
      margin: 0px;
      /* padding: 0% 6%; */
   }
   .div-bg-grey{
      background-color: #ececec;
      padding: 15% 6%;

   }
   .container-buttons{
      max-width: 100vw;
      width: 78vw;
      display: flex;
      /* align-content: center; */
      justify-content: start;
      margin-left: 6%;
   }
   .button-two-h{
      margin-left: 4%;
      background-color: #1d1d1b;
      border-color: #1d1d1b;
   }
   .button-one-h{
      background-color: #1d1d1b;
      border-color: #1d1d1b;
   }
   .color-dark-f{
      margin-top: 11%;
      padding: 10%;
      text-align: center;
      background-color: #1d1d1b;
   }
   .fa-bars:before{
      font-size: 30px !important;
   }
   .footer-white-f{
      width: 100vw;
      height: max-content;
      padding: 10% 6%;
   }
   .conatiner-icons-f{
      margin: auto;
      width: 78%;
      height: 5%;
      display: flex;
      justify-content: space-evenly;
   }
   .div-bg-white-s{
      padding: 0% 6%;
   }
   .navbar-expand-md .navbar-nav {
      -ms-flex-direction: row;
      flex-direction: column; 
      align-items: center;
   }
   .div-color-dark{
      background-color: #000;
   }
   .font-clare{
      color: #ffffff;
   }
   .div-title-main{
      order: 1;
      width: 81vw;
      flex-direction: column;
      flex-wrap: wrap; 
      margin-left: 5% !important;
   }
   .div-img-main-home{
      order: 3;
      width: 100%;
      display: block;
   }
   .pl-desc-main-home {
      order: 3;
      display: block;
      width: 100%;
   }
   .packs-th-desktop{
      display: none;
   }
   .map-container{
      display: none;
   }
   .section-added{
      display: none;
   }
   .mountain-img-div{
      display: none;
   }
   .img-banner-prod {
      max-width: 100vw;
   }
   .wrapper-doble{
      width: 85vw;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .container-typo-montain{
      width: 100vw;
      padding-left: 0px;
   }
   .img-container-mount-1{
      width: 90vw;
   }
   .footer-movile{
      display: block;
   }
   .typo-form-a {
      font-family: 'Asap', sans-serif;
      font-weight: 700;
      font-size: 1rem;
   }
   .movile-version{
      padding-left: 0%;
      padding-right: 0%;
   }
   .bk-ground-black-desk{
      display: none;
   }

      
      
   /* IMAGES */
   .img-in-dev{
      display: block;
      margin: auto;
      max-width: 800px;
      justify-content: center;
      margin: auto;
      color: rgb(72, 59, 59);
   }
   .iconcolor-a{
      color: white;
   }
   .navbar-dark .navbar-toggler{
      border-color: transparent;
   }
   .bton-nav{
      margin-right: 1%;
   }
   .btn-in-focus-b:focus{
      outline: transparent !important;
   }
   .packs-th{
      display: block;
      margin: 8% auto;
   }
   .icons-social-f{
      font-size: 50px;
      color: #cf9b26;
   }
   .img-responsive-1{
      display: block;
   }
   .img-desktop-1{
      display: none;
   }
   .movile-view-logo{
      display: block;
   }
   .desktop-view-logo{
      display: none;
   }
   .switch-display-logo-d{
      display: none;
   }
   .switch-display-logo-m{
      display: block;
   }
   .logo-movile-down{
      margin-top: 16%;
      margin-bottom: 5%;
   }
   .white-logo-desktop{
      display: none;
   }
   .div-img-desktop-ocre{
      display: none;
   }
   .title-s1-about-us {
      font-family: 'Abril Fatface', cursive;
      color: #a7770c;
      font-size: 40px;
      max-width: 100%;
      margin-bottom: 5%;
   }
   .movile-direction{
      height: auto;
      flex-direction: column;
      justify-items: center;
      flex-wrap: wrap;
   }

   .maxi-width-movile {
      max-width: 100vw;
   }
   .img-movile-qs{
      margin: auto;
      max-width: 69vw;
   }
   .typo-main-about-us {
      max-width: 76%;
      font-family: 'Lora', serif;
      margin-top: 3%;
      text-align: center;
      font-size: 1rem;
   }
   .typo-monodosis {
      max-width: 100%;
      font-family: 'Lora', serif;
      /* margin-top: 3%; */
      text-align: start;
      font-size: 1.1rem;
   }
   .in-none-movile{
      display: none !important;
   }
   .typo-description-products {
      font-family: 'Lora', serif;
      text-align: start;
      font-size: 0.9rem;
   }
   .typo-descriptión-p-ocre{
      font-size: 0.9rem;
   }
   .title-ocre-prod {
      font-family: 'Abril Fatface', cursive;
      color: #a7770c;
      font-size: 59px;
      max-width: 100%;
      margin-bottom: 5%;
   }
   .typo-ul-n {
      font-family: 'Asap', sans-serif;
      font-weight: 700;
      padding: 3px 8px 3px 0px;
      margin-bottom: 1px;
      font-size: 1.1rem;
      letter-spacing: 1px;
   }
   .typo-desc-enjoy {
      font-family: 'Lora', serif;
      text-align: center;
      font-size: 1rem;
      justify-content: center;
   }
   .typo-enjoy-esp {
      font-family: 'Asap', sans-serif;
      font-weight: 700;
      font-size: 1.2rem;
      text-align: center;
   }
   .in-touch-description {
      max-width: 100%;
      font-family: 'Lora', serif;
      margin-top: 3%;
      text-align: center;
      font-size: 1.3rem;
   }
   .title-ocre-prod-drip {
      font-family: 'Abril Fatface', cursive;
      color: #a7770c;
      font-size: 55px;
      max-width: 100%;
   }
.img-width{
	width: 50%;
}
   #presentacion{
	   text-align: center;
   }
}