/*#font-----------------*/
@font-face {
   font-family: 'Nordiak-Light';
   src: url('../font/Nordiak-Light.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak-Light.otf')  format('opentype'),
   url('../font/Nordiak-Light.woff') format('woff'), 
   url('../font/Nordiak-Light.ttf')  format('truetype'), 
   url('../font/Nordiak-Light.svg#Nordiak-Light') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular';
   src: url('../font/Nordiak.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak.otf')  format('opentype'),
   url('../font/Nordiak.woff') format('woff'),
   url('../font/Nordiak.ttf')  format('truetype'),
   url('../font/Nordiak.svg#Nordiak') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Medium';
   src: url('../font/Nordiak-Medium.eot?#iefix') format('embedded-opentype'), 
   url('../font/Nordiak-Medium.otf') format('opentype'),
   url('../font/Nordiak-Medium.woff') format('woff'), 
   url('../font/Nordiak-Medium.ttf')  format('truetype'), 
   url('../font/Nordiak-Medium.svg#Nordiak-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Bold';
   src: url('../font/Nordiak-Bold.eot?#iefix') format('embedded-opentype'),  
   url('../font/Nordiak-Bold.otf')  format('opentype'),
   url('../font/Nordiak-Bold.woff') format('woff'), 
   url('../font/Nordiak-Bold.ttf')  format('truetype'), 
   url('../font/Nordiak-Bold.svg#Nordiak-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'Nordiak-Regular-Italic';
   src: url('../font/') format('embedded-opentype'),  
   url('../font/Nordiak-Regular-Italic.otf')  format('opentype'),
   url('../font/Nordiak-Regular-Italic.woff') format('woff'), 
   url('../font/Nordiak-Regular-Italic.ttf')  format('truetype');
   font-weight: normal;
   font-style: normal;
}

/*#general -----------------*/
* {
   margin: 0;
   padding: 0;
   text-decoration: none;
   box-sizing:border-box;
   text-shadow: none!important;
}
ul>li {
   list-style-type: none;
}
h1, h2 {
   font-family: 'Nordiak-Bold';
   text-transform: uppercase;
}
h2 {
   font-size: 2.5rem;
   margin-bottom: 2rem;
}
h4 {
   font-family: 'Nordiak-Regular';
   text-transform: uppercase;
}
h5 {
   font-family: 'Nordiak-Regular-Italic';
   font-size: 1rem;
   color: #7A9069;
   text-transform: uppercase;
   margin-top: 0.5rem;
}
p {
   font-family: 'Iconsolata', monospace;
   font-weight: 300;
   font-size: 1rem;
   margin: 1rem 0;
}
img {
   max-width: 100%;
   min-height: auto;
   margin: 1rem auto;
}
section, footer, div#crowdfunding2, div#sobremi2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   text-align: center;
   align-content: center;
}
section {
   padding: 3rem 0;
}
section#full, section#libro, section#crowdfunding, section#ilustradores, section#sobremi, section#contacto  {
   height: 100vh;
}
section#crowdfunding-gracias {
   height: auto;
}
section#cosas, section#opiniones {
   height: 50vh;
}
section#cosas, section#opiniones, section#ilustradores, section#contacto {
   background-color: #ffffff;
   color: #909090;
}
section#crowdfunding, section#crowdfunding-gracias, section#sobremi, footer {
   background-color: #7A9069;
   color: #ffffff;
}
section#opiniones h2, section#ilustradores h2, section#contacto h2 {
   color: #7A9069;
}
.row {
   display:flex;
   flex-wrap:wrap;
}
/*#general (media queries)*/
@media screen and (max-width: 1200px) {
   section#cosas, section#crowdfunding, section#opiniones, section#ilustradores, section#sobremi, section#contacto {
      height: 100%!important;
   }
   p, label {
      font-size: 1rem;
   }
}
@media screen and (max-width: 992px) {
   h2 {
      font-size: 2rem;
      margin-bottom: 1rem!important;
   }
   p, label {
      font-size: 0.9rem;
   }
}

/*#header -----------------*/
.navbar {
   position: fixed;
   z-index: 999;
   width: 100%;
   border-radius: 0!important;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
}
nav>a {
   font-size: 1rem!important;
   line-height: 40px;
}
nav>a:hover {
   color:grey!important;
}
nav>a>span {
   color:grey;
}
#menu ul {
   line-height: 40px;
   text-transform: uppercase;
}
#menu ul li:last-child {
   margin-right: 25px;
}
#menu ul li a {
   font-family: 'Nordiak-Light';
   font-size: .9rem;
   color: #424242;
   margin-right: 3px;
}
#menu ul li a:hover {
   color: #7A9069;
}
#menuindex {
   position: relative;
}
/*#header (media queries)*/
@media screen and (max-width: 767px) {
   button>span{
      outline: none!important;
      color: #7A9069;
      font-size: 1.5rem;
   }
   nav>a {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 0.8rem!important;
   }
   .navbar {
      width: 100vw;
      padding: 0;
      position: relative!important;
      z-index: none!important;
      display: block;
   }
   .navbar-brand {
      margin-right: 0!important;
   }
   #menu {
      clear: both;
      float: none;
      text-align: center;
   }
   #menu ul {
      line-height: 1rem;
   }
   #menu ul li {
      float: none;
      border-top: 1px solid #DDDDDD;
   }
   #menu ul li:hover {
      background-color: #7A9069;
   }
   #menu ul li a {
      font-size: 0.8rem;
   }
   #menu ul li a:hover {
      color: #ffffff;
   }
   #menu ul li:first-child {
      border-top: none!important;
   }
   #menu ul li:last-child {
      margin: 0!important;
   }
   #menu .nav-item {
      margin-left: 0;
   }
   #menu #inicio {
      display:none;
   }
}

/*#full -----------------*/
.full {
   background: url(../img/screen-desktop.jpg) no-repeat center center;
   background-size: cover;
}
section#full h3 {
   font-family: 'Nordiak-Regular-Italic';
   color: #ffffff;
   font-size: 2rem;
   margin: 4rem 0 1rem 0;
}
section#full p {
 
   color: #ffffff;
}
section#full a {
   display: inline-block;
   background: #ffffff;
   color: #7A9069;
   font-size: 1.5rem;
   font-family: 'Nordiak-Medium';
   text-transform: uppercase;
   text-decoration: none!important;
   padding: 10px 50px 12px 50px;
   margin-top: 1rem;
}
section#full a:hover {
   background: #424242;
   color: #ffffff;
}
/*#full (media queries)*/
@media screen and (max-width: 768px) {
   .full {
      background: url(../img/screen-tablet.jpg) no-repeat center center;
   }
   section#full h1 img {
      max-width: 60%;
   }
}

/*#libro -----------------*/
section#libro {
   background: url(../img/screen-libro.jpg) no-repeat center center;
   background-size: cover;
   color: #ffffff;
}
section#libro p {
   font-size: 1.1rem;
}
/*#libro (media queries)*/
@media screen and (max-width: 768px) {
   section#libro p {
      font-size: 0.9rem;
   }
}

/*#cosas -----------------*/
section#cosas img {
   max-width: 75%;
   display: inline-block;
   margin: 0!important;
}
section#cosas p {
   font-size: 0.9rem;
}
section#cosas h4 {
   font-size: 1.3rem;
   color: #7A9069;
   margin-top: 1rem;
}
/*#cosas (media queries)*/
@media screen and (max-width: 768px) {
   section#cosas img {
      max-width: 50%;
   }
   section#cosas p {
      font-size: 0.8rem;
      padding: 0 1rem;
   }
}

/*#crowdfunding -----------------*/
div#crowdfunding2 h3, section#crowdfunding-gracias h3 {
   font-family: 'Nordiak-Regular-Italic';
   font-size: 2rem;
   margin: 1rem 0;
}
div#crowdfunding2 #botoncolabora {
   display: inline-block;
   background: #ffffff;
   color: #7A9069;
   font-size: 1.5rem;
   font-family: 'Nordiak-Medium';
   text-transform: uppercase;
   text-decoration: none!important;
   padding: 10px 50px 12px 50px;
   margin-top: 1rem;
}
div#crowdfunding2 #botoncolabora:hover {
   background: #424242;
   color: #ffffff;
}
div#crowdfunding2 img {
   margin: 0!important;
}
/*div#crowdfunding2 p a {
   color: #374035;
}*/
/*#crowdfunding (media queries)*/
@media screen and (max-width: 768px) {
   div#crowdfunding2 h3 {
      font-size: 1.5rem;
   }
   div#crowdfunding2 img {
      max-width: 80%!important;
   }
}

/*#slider -----------------*/
section#slider {padding: 0!important;}
.carousel-control .icon-next::before {content: ""!important;}
.carousel-control .icon-prev::before {content: ""!important;}
.carousel-inner img {
   width: 100vw!important;
   margin: 0!important;
}

/*opiniones -----------------*/
section#opiniones img {
   width: 120px!important;
   float: right;
   margin-bottom: 1rem;
}
section#opiniones .carousel, .carousel-inner {
   padding: 0!important;
}
section#opiniones .carousel-item {
   height: 15rem;
}
section#opiniones .carousel-caption {
   top: 0%;
   right: 0%;
   left: 0%;
}
section#opiniones .carousel-caption .textoopiniones {
   font-size: 1rem;
   font-family: 'Nordiak-Light';
   color: #9F9F9F;
   font-style: italic;
   margin: 0.8rem 0;
}
section#opiniones .carousel-indicators {
   margin-bottom: -3rem!important;
}
section#opiniones .carousel-indicators .active {
   background-color: #7A9069!important;
}
section#opiniones .carousel-indicators li {
   background-color: #E5E4E4;
}
/*#opiniones (media queries)*/
@media screen and (max-width: 768px) {
   section#opiniones {
      height: 100%!important;
   }
   section#opiniones .carousel-item {
      height: 22rem;
   }
   section#opiniones .carousel-caption {
      padding: 0;
   }
   section#opiniones img {
      width: 100px!important;
      float: none;
      margin: 5px 0!important;
   }
   section#opiniones .carousel-indicators {
      margin-bottom: -1rem!important;
   }
   section#opiniones .carousel-caption .textoopiniones {
      font-size: 0.9rem;
   }
}

/*#ilustradores -----------------*/
section#ilustradores .ilustradores2 {
   margin-top: 1rem!important;
   padding: 0 4rem;
}
section#ilustradores .nombrerelato {
   font-size: 0.8rem!important;
   font-family: 'Nordiak-Light';
   color: #9F9F9F;
   font-style: italic;
   line-height: initial;
   margin-top: 0!important;
   padding: 0;
}
section#ilustradores a div {
   width: 110px;
   height: 110px;
   border-radius: 50%;
   display: inline-block;
}
div.ilustradores2 h5, div.ilustradores2 p {
   padding: 0!important;
}
.ilustrador1 {background: url(../img/abelfdez.jpg);}
.ilustrador1:hover {background: url(../img/portada.jpg);transition:0.5s;}
.ilustrador2 {background: url(../img/joansanz.jpg);}
.ilustrador2:hover {background: url(../img/momentosdeterror.jpg);transition:0.5s;}
.ilustrador3 {background: url(../img/caroljimenez.jpg);}
.ilustrador3:hover{background: url(../img/pequenosdetalles.jpg);transition:0.5s;}
.ilustrador4 {background: url(../img/aracelimadrid.jpg);}
.ilustrador4:hover {background: url(../img/tiempoegoista.jpg);transition:0.5s;}
.ilustrador5 {background: url(../img/santiagogiron.jpg);}
.ilustrador5:hover {background: url(../img/unanomas.jpg);transition:0.5s;}
.ilustrador6 {background: url(../img/angelvera.jpg);}
.ilustrador6:hover {background: url(../img/anaranjadoplacer.jpg);transition:0.5s;}
.ilustrador7 {background: url(../img/esterperguez.jpg);}
.ilustrador7:hover {background: url(../img/partedemihistoria.jpg);transition:0.5s;}
.ilustrador8 {background: url(../img/angelgarcia.jpg);}
.ilustrador8:hover {background: url(../img/diciembre.jpg);transition:0.5s;}
.ilustrador9 {background: url(../img/noeliaalonso.jpg);}
.ilustrador9:hover {background: url(../img/otonotardio.jpg);transition:0.5s;}
.ilustrador10 {background: url(../img/mattiapirillo.jpg);}
.ilustrador10:hover{background: url(../img/muerteirracional.jpg);transition:0.5s;}
.ilustrador11 {background: url(../img/ignatiusreillius.jpg);}
.ilustrador11:hover {background: url(../img/hombrecuadrado.jpg);transition:0.5s;}
/*#ilustradores (media queries)*/
@media screen and (max-width: 992px) {
   section#ilustradores .ilustradores2 {
      padding: 0!important;
   }
}
@media screen and (max-width: 544px) {
   section#ilustradores a div {
      width: 90px;
      height: 90px;
   }
   .ilustrador1 {background: url(../img/abelfdez-xs.jpg);}
   .ilustrador1:hover {background: url(../img/portada-xs.jpg);transition:0.5s;}
   .ilustrador2 {background: url(../img/joansanz-xs.jpg);}
   .ilustrador2:hover {background: url(../img/momentosdeterror-xs.jpg);transition:0.5s;}
   .ilustrador3 {background: url(../img/caroljimenez-xs.jpg);}
   .ilustrador3:hover{background: url(../img/pequenosdetalles-xs.jpg);transition:0.5s;}
   .ilustrador4 {background: url(../img/aracelimadrid-xs.jpg);}
   .ilustrador4:hover {background: url(../img/tiempoegoista-xs.jpg);transition:0.5s;}
   .ilustrador5 {background: url(../img/santiagogiron-xs.jpg);}
   .ilustrador5:hover {background: url(../img/unanomas-xs.jpg);transition:0.5s;}
   .ilustrador6 {background: url(../img/angelvera-xs.jpg);}
   .ilustrador6:hover {background: url(../img/anaranjadoplacer-xs.jpg);transition:0.5s;}
   .ilustrador7 {background: url(../img/esterperguez-xs.jpg);}
   .ilustrador7:hover {background: url(../img/partedemihistoria-xs.jpg);transition:0.5s;}
   .ilustrador8 {background: url(../img/angelgarcia-xs.jpg);}
   .ilustrador8:hover {background: url(../img/diciembre-xs.jpg);transition:0.5s;}
   .ilustrador9 {background: url(../img/noeliaalonso-xs.jpg);}
   .ilustrador9:hover {background: url(../img/otonotardio-xs.jpg);transition:0.5s;}
   .ilustrador10 {background: url(../img/mattiapirillo-xs.jpg);}
   .ilustrador10:hover{background: url(../img/muerteirracional-xs.jpg);transition:0.5s;}
   .ilustrador11 {background: url(../img/ignatiusreillius-xs.jpg);}
   .ilustrador11:hover {background: url(../img/hombrecuadrado-xs.jpg);transition:0.5s;}
}
/*#sobremi -----------------*/
div#sobremi2 #davidcrispin {
   background: url(../img/davidcrispinbn.jpg);
   width: 150px;
   height: 150px;
   border-radius: 50%;
   display: inline-block;
   margin: 5px 0!important;
}
div#sobremi2 #davidcrispin:hover {
   background: url(../img/davidcrispin.jpg);
   transition: 0.5s;
}
div#sobremi2 h5 {
   color: #ffffff;
}
div#sobremi2 div .icono {
   font-size: 1.1rem;
   width: 30px;
   height: 30px;
   color: #7A9069;
   background: #ffffff;
   border-radius: 50%;
   display: inline-block;
   line-height: 30px;
   margin-top: 1rem;
}
div#sobremi2 div .icono:hover {
   background: #424242;
   color: #ffffff;
}
div#sobremi2 div .icono:nth-child(-n+3) {
   margin-right: 5px;
}
/*#sobremi (media queries)*/
@media screen and (max-width: 768px) {
   div#sobremi2 div .icono {
      font-size: 1rem;
      width: 25px;
      height: 25px;
      line-height: 25px;
   }
}

/*#contacto -----------------*/
section#contacto p {
   color: #909090;
}
section#contacto p em {
   color: #7A9069;
}
section#contacto form label {
   font-size: 1rem;
   font-family: 'Nordiak-Light';
   float: left;
   margin: 10px 0 5px 0;
}
section#contacto .form-group {
   padding: 0!important;
}
section#contacto .form-control {
   border: 1.5px solid #7A9069;
   border-radius: 0;
}
section#contacto #formmensaje {
   padding-left: 0!important;
}
section#contacto #formnombre, #formcorreo, #formenviar {
   padding-right: 0!important;
}
section#contacto #enviar {
   text-transform: uppercase;
}
section#contacto input[type='submit'] {
   background: #7A9069;
   color: #ffffff;
   font-family: 'Nordiak-Medium';
   margin-top: 38px;
}
section#contacto input[type='submit']:hover {
   background: #424242;
}
section#contacto textarea {
   height: 115px;
}
section#contacto #enviadoexito {
   position: absolute;
   top: 0;
   height: 100%;
   z-index: 9;
   background-color: #7A9069;
   padding: 1rem;
}
section#contacto #enviadoexito p {
   font-size: 1.2rem!important;
   color: #ffffff!important;
   margin-bottom: 1rem!important;
}
section#contacto #aceptar {
   background: #ffffff!important;
   font-family: 'Nordiak-Medium';
   color: #7A9069;
   text-transform: uppercase;
   text-decoration: none!important;
   line-height: 1.2rem;
   border: none;
   padding: 8px 20px;
}
section#contacto #aceptar:hover {
   background: #424242!important;
   color: #ffffff;
}
section#contacto h5 {
   color: #ffffff;
}
/*section#contacto .g-recaptcha {
   float: right;
   margin-top: 1rem;
}
section#contacto .g-recaptcha .rc-anchor-light {
   border: 1px solid #7A9069!important;
   background: #ffffff!important;
   border-radius: 0!important;
   box-shadow: none!important;
}*/
/*#contacto (media queries)*/
@media screen and (max-width: 992px) {
   section#contacto .buzon img {
      max-width: 75%!important;
   }
}
@media screen and (max-width: 767px) {
   section#contacto form label, section#contacto p {
      font-size: 0.9rem!important;
   }
   section#contacto #formmensaje, #formnombre, #formcorreo, #formenviar {
      padding: 0!important;
   }
   section#contacto #enviadoexito {
      top: 0!important;
   }
}

/*#footer -----------------*/
footer {
   padding: 2rem;
}
footer h3 {
   font-size: 1.6rem;
   font-family: 'Nordiak-Regular-Italic';
   margin-bottom: 0.8rem;
}
footer a {
   font-size: 1.1rem;
   width: 2rem;
   height: 2rem;
   color: #7A9069;
   background: #ffffff;
   border-radius: 50%;
   display: inline-block;
   line-height: 2rem;
}
footer a:hover {
   background: #424242;
   color: #ffffff;
}
footer p {
   font-size: 0.8rem;
   margin-top: 2rem;
   margin-bottom: 0!important;
}
footer #facebook {
   color: #ffffff;
   width: 250px auto;
}
/*footer (media queries)*/
@media screen and (max-width: 767px) {
   footer {
      padding: 1rem;
   }
   footer h3 {
      font-size: 1.2rem;
   }
   footer p {
      font-size: 0.6rem!important;
   }
   footer a {
      font-size: 1rem;
      width: 1.5rem;
      height: 1.5rem;
      line-height: 1.5rem;
      margin-left: 0!important;
   }
}