/* Fuentes */

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

/* Color */
.c1{
    color: #FCB318;
}
#text-Dorali{
    text-align: center !important;
}
.pt-nut{
    padding-top: 3rem !important;
}
.mt-nut{
    margin-top: 1.5rem !important;
}
.c2{
    color: #6A6868;
}
.foto-acerca{
    width:50% !important;
}
.bc1{
    background-color: #FCB318;
}
.bc2{
  background-color: #6A6868;
}

.border-c1{
  border:solid 5px #FCB318;
}
/* Texto */
h1.titulo{
    font-size: 3.41rem;
    font-weight: 700;
    color: #FCB318;
}

.bold{
    font-weight: 700;
}

.subtitle{
    color: #6A6868;
    line-height: 2rem;
    margin: 1.5em 0;
    padding-left: 5.5em;
    font-weight: 700;
}


/* Botones */
#menu-moda{
  padding-right: -16px;
}

.instlogo {
  width: 60%;
}
.bloglogo {
  width: 40%;
}


.btn_nor{
  background-color: #FCB318;
  
  padding: .5em 3em;
  color: #fff;
  border-radius: 5em;
}

.btn_nor:hover,
.btn_nor:active,
.btn_nor:focus{
  background-color: #FCB318;
  padding: 1em 3em;
  color: #fff;
  border-radius: 5em;
  font-weight: 700;
  text-decoration: none;  
}

/* height */

.h25{
    min-height: 25vh;
  }
  .h50{
    min-height: 50vh;
  }
  .h75{
    min-height: 75vh;
  }
  .h100{
    min-height: 100vh;
  }

/* sections */
.cover-section{
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    height: 75vh;
    max-width: calc(100% + 30px);
    color:#404040;
    margin:0 -15px;
  }


body{
    color: #6A6868;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2rem;
    padding-top: 60px;
}

.nutridor {
  background-image: url('../img/Portada.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width:100%;
}
.acerca {
  background-image: url('../img/acercade.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.blog {
  background-image: url('../img/blog.png');
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.acerca-list>li {
  font-size: 2rem;
}
.nutridor > .e2 {
  padding-top: 200px;
}
.nutridor > span {
  color: white !important;
}

.form-group>input{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1;
}

hr {
  border-color: #FCB318 !important;
  border: solid 5px;
  width: 10%;
  margin-top: 0;
}
hr.carousel {
  border-color: #FCB318 !important;
  border: solid 3px;
  width: 25%;
  margin-top: 0;
}
hr.blogg {
  border-color: white !important;
  border: solid 3px;
  width: 5%;
  margin-top: 0;
}

.carousel-item.active img {
  max-height: 287px;
}

/* entrada blog */

.eblog {
  
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  color: white;
}
.eblog h1 {
  font-size: 4rem;
}

.lateral {
  display: inline;
  background-color: #FCB318;
  color: white;
  padding: 0 50px;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  font-size: 1.5rem;
  padding: 2.5px 40px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fcb318' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    width: 100px;
    height: 100px;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fcb318' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    width: 100px;
    height: 100px;
}

.menu .blanco{
  color: white !important;
}
.menu a {
  color: #6A6868;
}

.menu h5 {
  padding-left: 25px;
}
.menu h1 {
  font-size: 3rem;
}

/** VISTAS RESPONSIVE  **/
/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){
    /** Nav nada **/
    .pt-nut{
        padding-top: 3rem !important;
    }
    .mt-nut{
        margin-top: 1.5rem !important;
    }
    .center1 {
      line-height: 1140px;
      height: 500px;
      text-align: right;
      padding-right:50px;
    }
    #descDorali1{
        display:inline !important;
    }
    #descDorali2{
        display:none !important;
    }
}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){
    #barrasnav{
        line-height: 80px;
    }
    .mr-5{
        margin-right: 0rem !important;
    }
    #navbar-p{
        font-size:19px;
    }
    .pt-nut{
        padding-top: 1rem !important;
    }
    .mt-nut{
        margin-top: 1rem !important;
    }
    #prin-h1{
        font-size:2.5rem;
    }
    .center1 {
      line-height: 1066px;
      height: 500px;
      text-align: right;
    }
    h1.titulo{
        font-size: 2.5rem;
        font-weight: 600;
        color: #FCB318;
    }
    img .pb-4{
        padding-bottom:1rem !important;
    }
    .py-5{
        padding-bottom:1.5rem !important;
    }
    #descDorali1{
        display:inline !important;
    }
    #logoDorali1{
        display:flex !important;
    }
    #descDorali2{
        display:none !important;
    }
}

/*=============================================
ESCRITORIO PEQUEﾃ前 O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){
    #barrasnav{
        line-height: 90px;
    }
    .mr-5{
        margin-right: 0rem !important;
    }
    #navbar-p{
        font-size:17px;
        
    }
    .py-3{
        padding-bottom:1.5rem !important;
    }
    .pt-nut{
        padding-top: 0.5rem !important;
    }
    .mt-nut{
        margin-top: 0.5rem !important;
    }
    #prin-h1{
        font-size:1.5rem ;
    }
    .center1 {
      line-height: 950px;
      height: 500px;
      text-align: right;
    }
    p{
        font-size:16px;
    }
    h1.titulo{
        font-size: 2rem;
        font-weight: 600;
        color: #FCB318;
    }
    .instlogo{
        width:90%;
    }
    #descDorali1{
        display:inline !important;
    }
    #logoDorali1{
        display:flex !important;
    }
    #descDorali2{
        display:none !important;
    }
    #logoukoo{
        width:50%;
    }
}

/*=============================================
MOVIL (XS revisamos en 577px)
=============================================*/

@media (max-width:767px) and (min-width:577px){
    #navbar-p{
        font-size:15px;
        
    }
    #barrasnav{
        line-height: 140px;
    }
    .mr-5{
        margin-right: 0rem !important;
    }
    .py-3{
        padding-bottom:1.5rem !important;
    }
    .pt-nut{
        padding-top: 1.5rem !important;
    }
    .mt-nut{
        margin-top: 0.5rem !important;
    }
    #prin-h1{
        font-size:1.5rem ;
    }
    .center1 {
      line-height: -500px;
      height: 90px;
      text-align: right;
    }
    p{
        font-size:15px;
    }
    h1.titulo{
        font-size: 1.5rem;
        font-weight: 600;
        color: #FCB318;
    }
    .instlogo{
        width:170%;
    }
    .subtitle{
        line-height: 2rem;
        margin: 0.5em 0;
        padding-left: 1.5em;
        font-weight: 700;
        color:#a6a6a6;
    }
    #descDorali1{
        display:none !important;
    }
    #logoDorali1{
        display:none !important;
    }
    #descDorali2{
        display:inline !important;
    }
    #logoukoo{
        width:50%;
    }
}
/*=============================================
MOVIL (XS revisamos en 577px)
=============================================*/

@media (max-width:576px) and (min-width:320px){
    #logo-blog{
        width:50% !important;
    }
    #mapaG{
        width: 100% !important;
        height:auto !important;
    }
    #barrasnav{
        line-height: 180px;
    }
    .mr-5{
        margin-right: 0rem !important;
    }
    #navbar-p{
        font-size:16px;
    }
    .py-3{
        padding-bottom:0.5rem !important;
    }
    .pt-nut{
        padding-top: 1.5rem !important;
    }
    .pt-5{
        padding-top: 1.5rem !important;
    }
    .mt-nut{
        margin-top: 0.5rem !important;
    }
    #prin-h1{
        font-size:1.5rem ;
    }
    .center1 {
      line-height: -500px;
      height: 90px;
      text-align: right;
    }
    p{
        font-size:16px;
    }
    h1.titulo{
        font-size: 1.5rem;
        font-weight: 600;
        color: #FCB318;
    }
    .instlogo{
        width:40%;
    }
    .subtitle{
        line-height: 2rem;
        margin: 0.5em 0;
        padding-left: 1.5em;
        font-weight: 700;
    }
    #text-Dorali{
        margin-top:30px;
        text-align: left !important;
        text-justify: inter-word;
        line-height: 1.5em ;
        padding-top:5px !important;
        padding-right:195px;
        margin-left:5px !important;
        padding-bottom:25px !important;
        
        
    }
    h2{
        font-size:21px;
    }
    h4{
        font-size:18px;
    }
    #descDorali1{
        display:none !important;
        
    }
    #logoDorali1{
        display:none !important;
    }
    #descDorali2{
        display:inline !important;
        font-size:13px !important;
        text-align: left !important;
        line-height: 1.0em;
        
    }
    #logoukoo{
        width:25%;
    }
    .acerca{
        height:46vh !important;
        margin-top:60px !important;
    }
    .foto-acerca{
        width:80% !important;
    }
}