/*Header*/

body{font-family: arimo;}
h1, h2, h3, h4, h5, h6{font-family: arimo;}

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    padding: 10px 0;
}

.navbar-brand {
  padding: 9px 15px 0 15px;
}

.navbar-toggle {
  display: block !important;
  margin-right: 5px;
  margin-top: 6px;
  margin-bottom: 0px;
  padding: 9px 10px 9px 0;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar-toggle .icon-bar {
  width: 24px;
}

.navbar-toggle .icon-bar {
    height: 3px;
    border-radius: 3px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #fff;
}
.navbar-default .navbar-toggle {
  border-color: #fff;
}

.navmenu, .navbar-offcanvas {
  width: 300px;
}

button{z-index: 99999999;}

.offcanvas div {margin-top: 30px; margin-left: 10px;}
.offcanvas div span {font-size: 1.1em; }
.offcanvas div ul{list-style: none; margin: 0; padding: 0;}
.offcanvas div ul li:first-child{margin-top: 30px; }
.offcanvas div ul li{margin-top: 0.1em; font-family: arimo; text-transform: uppercase; font-weight: bold; font-size: 1.3em; letter-spacing: -0.04em;}
.offcanvas div ul li a {color: #7e8890;}


/*Intro*/
.intro{padding: 70px 0; background-color: #fff;}
.intro small{padding: 0px 0px; font-size: 0.8em;}
.intro_txt{
  margin-top: 40px;
  position: relative;
  padding: 0 12% !important;
}

.intro_txt img{max-width: 100%;}

.border_teaser{
  position: absolute;
  width: 60px;
  height: 150px;
  border-top: 3px solid rgba(3,113,84,0.3);
  border-left: 3px solid rgba(3,113,84,0.3);
  top: 0px;
  left: 15px;
}
.intro h1{letter-spacing: -0.05em; text-transform: uppercase; -webkit-font-smoothing: antialiased; font-size: 2.8em; margin-top: 0.1em;}
.intro h2{font-size: 1.3em; margin-top: 1em; line-height: 1.5em;}
.intro h2::first-letter{font-size: 4.5em; font-weight: bold; color: #B04242; padding: 0.26em 0.2em 0.2em 0; float: left;}

/*Video*/
.video_cronica{background-color: #B04242; padding: 90px 0; background-image: url('../img/bg_video.png'); background-repeat: repeat;}
.video_cronica .box{color: #fff;}
.video_cronica .box p{font-size: 1.2em;}
.video_cronica h3{padding-top: 0; margin: 0; margin-bottom: 1.1em; text-transform: uppercase; letter-spacing: -0.03em; font-weight: normal;}

.video_cronica p::first-letter{font-size: 3.5em; font-weight: bold; color: #fff; padding:0   0.2em 0 0; float: left; margin: 0; line-height: 1em;}
.video_cronica iframe{/*border: 10px dashed #B04242; padding: 0px;*/}

iframe{max-width: 100%;}


/* Footer */
footer {background-color: #fff; margin-top: 70px; text-align: center;}
footer h3 {margin: 20px;}
footer ul {list-style: none; padding: 0; margin: 0;}
footer ul li {margin-bottom: 15px;}

@media (max-width: 992px){
  .video_cronica {padding: 30px 0;}
}

@media (max-width: 768px){
  .navbar-default {padding: 0;}
  .navbar-brand {padding: 12px 15px 0 0px;}

  .intro {margin: 40px 0 0px;}
  .intro_txt {
    margin-top: 0;
  }

  .video_cronica {padding: 30px 0;}
  .video_cronica h3{padding-top: 15px;}
  .video_cronica iframe{width: 100%; height: 250px !important;}
}