@font-face {
  font-family: "Neutra";
  src: url("../fonts/Neutraface_no2_text_book_lining.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Neutraface_no2_text_book_lining.woff")       format("woff"),
       url("../fonts/Neutraface_no2_text_book_lining.ttf")        format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Neutra";
  src: url("../fonts/Neutraface_no2_text_book_italic_lining.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Neutraface_no2_text_book_italic_lining.woff")       format("woff"),
       url("../fonts/Neutraface_no2_text_book_italic_lining.ttf")        format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: "Neutra";
  src: url("../fonts/Neutraface_no2_text_bold_lining.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Neutraface_no2_text_bold_lining.woff")       format("woff"),
       url("../fonts/Neutraface_no2_text_bold_lining.ttf")        format("truetype");
  font-weight: bold;
  font-style: normal; }

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Neutra', Arial, sans-serif}
header { margin-top: 1em;}


/* NAVBAR
-------------------------------------------------- */

.navbar {
  font-style: italic;
  font-size: 1.2em;
}

.navbar-boah {
  background: none;
  border: none;
  margin-bottom: 0;
  min-height: 0;
}

.navbar-boah li,
.navbar-boah li > a {
  color: #333;
}

.nav-justified > .active,
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  color: #d9718e !important;
  background: none !important;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background: none;
  color: #d9718e;
}

.nav>li>a {
  padding: 10px 0px;
}

/* LOGO BOAH
-------------------------------------------------- */

.link_logo {
   display:block;
   width:100%;
   height:100%;
}

.logo_boah {
  width: 100px;
  height: 83px;
  margin: auto;
  background-image: url('../imgs/logo_boah.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

/* JUMBOTRON
-------------------------------------------------- */

.jumbotron {
  background-color: rgb(248,227,206);
  margin-bottom: 0;
}

/* RODAPÉ
-------------------------------------------------- */

footer {
  text-align: center;
  margin: 1em auto;
  font-size: 1.3em;
}

.love { color: #d9718e;}

/* TABELAS
-------------------------------------------------- */

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
border-top: none;
}

td { vertical-align: middle !important; }
.table .cell {
  display:block;
  width:100%;
  height:100%;
  padding: 8px;
}
table a, table a:hover, table a:visited, table a:focus { color: black; text-decoration: none; }
td:first-child .cell {font-weight: bold;}

/* CONTATO
-------------------------------------------------- */

.contato h1 span {
  display: none;
}
.contato h1 {
  display: block;
  width: 200px;
  height: 165px;
  margin: 0em auto 1em;
  background-image: url('../imgs/contatos.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

.contato,
.contato input,
.contato textarea {
  text-align: right;
}

/* CARROSSEL
-------------------------------------------------- */

a.left.carousel-control,
a.right.carousel-control {
  background: none;
  cursor: pointer;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  left: 25%;
}

/* TIRAS
------------------------------------------------- */

.tiras {
  margin-top: 1em;
}

.tira-1 .lookbook, .tira-1 .news {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  background-color: rgb(246,227,206);
}

.tira-1 .lookbook {
  background-image: url('../imgs/lookbook-2014-2.jpg');
  padding-top: 32.6%; /* mágica da altura dinâmica: http://wellcaffeinated.net/articles/2012/12/10/very-simple-css-only-proportional-resizing-of-elements/ !!*/
}

.tira-1 .news {
  background-image: url('../imgs/news.png');
  padding-top: 48.6%; /* vide classe lookbook acima */
  margin-top: 1em;
}

.tira-2 {
  margin-top: 1em;
}

.tira-2 .boah_online, .tira-2 .boah_blog, .tira-2 .boah_instagram, .tira-2 .boah_facebook {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
  padding-top: 50%;
}

.tira-2 .boah_online {
  background-image: url('../imgs/boah_online.png');
}

.tira-2 .boah_blog {
  background-image: url('../imgs/boah_blog.jpg');
}

.tira-2 .boah_instagram {
  background-image: url('../imgs/boah_instagram.jpg');
}

.tira-2 .boah_facebook {
  background-image: url('../imgs/boah_facebook.jpg');
}


.a-marca p:last-child { margin-top: 1.5em; }



/* MEDIA QUERIES @media
-------------------------------------------------- */




@media (min-width: 400px) {
  .contato h1 {
    width: 280px;
    height: 230px;
  }
}

@media (max-width: 767px) {
  .navbar-boah {
    background: rgb(245,245,245);
    border: none;
    margin: 0.3em 0;
    min-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;

    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
        -ms-border-radius: 0 4px 4px 0;
         -o-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
  }

  .logo_boah {
    margin: 4em auto 0.4em;
  }
}

@media (min-width: 768px) {
  .contato h1 {
    width: 400px;
    height: 329px;
  }
  .carrossel-lookbook .item img {
    margin: 0 auto;
    height: 600px;
  }
  .tira-1 .lookbook, .tira-1 .news {
    height: 136px;
    padding-top: 0;
    margin-top: 0;
  }
  .tira-1 .news {
    background-position-x: right;
    background-size: 99%;
    background-color: transparent;
  }
  .tira-2 .boah_online, .tira-2 .boah_blog, .tira-2 .boah_instagram, .tira-2 .boah_facebook {
    height: 180px;
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .carrossel-lookbook .item img {
    margin: 0 auto;
    height: 600px;
  }
  .tira-1 .lookbook, .tira-1 .news {
    height: 178px;
  }
  .tira-2 .boah_online, .tira-2 .boah_blog, .tira-2 .boah_instagram, .tira-2 .boah_facebook {
    height: 235px;
    padding-top: 0;
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .carrossel-lookbook .item img {
    margin: 0 auto;
    height: 600px;
  }
  .tira-1 .lookbook, .tira-1 .news {
    height: 213px;
  }
  .tira-2 .boah_online, .tira-2 .boah_blog, .tira-2 .boah_instagram, .tira-2 .boah_facebook {
    height: 285px;
    padding-top: 0;
    margin-top: 0;
  }
}