body {
  background-image: url("/assets/fondos/textura70.jpg");
  background-repeat: repeat;
  color: #666;
  margin-top: 80px; }

.navbar {
  background: rgba(255, 255, 255, 0.8);
  border-bottom: solid #a38205 3px; }
  .navbar .nav-item {
    font-size: 1.1rem;
    padding-right: 10px; }
  .navbar .brand {
    padding-top: 10px; }

/*General*/
img {
  display: block;
  margin: 0 auto; }

.red {
  background-color: red; }

.dorado {
  color: #a38205 !important; }

.quote {
  background-color: #b8bcb9;
  border-radius: 10px;
  padding: 20px; }

.quoteMem {
  background-color: #581b06;
  border-radius: 10px;
  padding: 20px; }

.quoteVietcong {
  background-color: #d76e67;
  border-radius: 10px;
  padding: 20px;
  border: double #a38205 7px; }

.underline {
  text-decoration: underline; }

.tetTxt {
  font-size: 18px;
  color: #581b06; }

.disqus {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
  padding: 50px; }

#about {
  /*background-image: url(/src/assets/hermann1500px.jpg);
  /*background-repeat: no-repeat;*/
  background-size: cover;
  height: 100%;
  /*position: absolute;
  top: 60px;
  left: 0;
  width: 100%;*/
  color: black; }
  #about dark-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #about .titleTop {
    font-family: 'Amiri', serif;
    color: #a38205 !important;
    font-size: 5em; }
  #about .leadSize {
    font-size: 2em; }
  #about .quote {
    background-color: lightgray;
    border-radius: 10px; }
  #about .center {
    margin: auto;
    width: 100%;
    padding: 10px; }
  #about .divCenter {
    margin-top: 30%; }
  #about img {
    display: block;
    margin: 0 auto; }
  #about .borImage {
    border: double gray 7px; }
  #about .bor {
    border-top: 5px red solid;
    border-bottom: 5px red solid;
    width: 15%;
    margin-left: auto;
    margin-right: auto; }
  #about .btnCtr {
    text-align: center; }

#santaCruz .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#santaCruz .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#santaCruz .divCenter {
  margin-top: 30%; }

#santaCruz img {
  display: block;
  margin: 0 auto; }

#santaCruz .imgPosition {
  margin-top: 8%; }

#santaCruz .borImage {
  border: double gray 7px; }

#santaCruz .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#santaCruz .btnCtr {
  text-align: center; }

#suFamilia .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#suFamilia .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#suFamilia .divCenter {
  margin-top: 2.8%; }

#suFamilia img {
  display: block;
  margin: 0 auto; }

#suFamilia p {
  text-align: center; }

#suFamilia .borImage {
  border: double gray 7px; }

#suFamilia .imgMarg {
  margin-bottom: 5px; }

#suFamilia .imgMargPC3 {
  margin-top: -10px;
  margin-bottom: 5px; }

#suFamilia .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#suFamilia .btnCtr {
  text-align: center; }

#suJuventud .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#suJuventud .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#suJuventud .divCenter {
  margin-top: 2.8%; }

#suJuventud img {
  display: block;
  margin: 0 auto; }

#suJuventud .borImage {
  border: double gray 7px; }

#suJuventud .imgMarg {
  margin-bottom: 5px; }

#suJuventud .imgMargP4GH {
  margin-top: 55px;
  margin-bottom: 5px; }

#suJuventud .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#suJuventud .btnCtr {
  text-align: center; }

#mapaViajes .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#mapaViajes .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#mapaViajes .divCenter {
  margin-top: 30%; }

#mapaViajes img {
  display: block;
  margin: 0 auto; }

#mapaViajes .borImage {
  border: double gray 7px; }

#mapaViajes .imgMarg {
  margin-bottom: 5px; }

#mapaViajes .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#mapaViajes .btnCtr {
  text-align: center; }

#servicioMilitar .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#servicioMilitar .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#servicioMilitar .divCenter {
  margin-top: 2.8%; }

#servicioMilitar img {
  display: block;
  margin: 0 auto; }

#servicioMilitar p {
  text-align: center; }

#servicioMilitar .borImage {
  border: double gray 7px; }

#servicioMilitar .imgMarg {
  margin-bottom: 5px; }

#servicioMilitar .imgMargPC3 {
  margin-top: -10px;
  margin-bottom: 5px; }

#servicioMilitar .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#servicioMilitar .btnCtr {
  text-align: center; }

#delta .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#delta .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#delta .divCenter {
  margin-top: 30%; }

#delta img {
  display: block;
  margin: 0 auto; }

#delta .borImage {
  border: double gray 7px; }

#delta .imgMarg {
  margin-bottom: 5px; }

#delta .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#delta .btnCtr {
  text-align: center; }

#delta .quotes {
  height: auto;
  color: #581b06;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: #581b06 10px solid;
  background-color: lightgray; }

#delta .quotesText {
  color: #581b06;
  font-family: 'Amiri', serif;
  font-size: 1.4em; }

#ofensivaTet .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#ofensivaTet .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#ofensivaTet .divCenter {
  margin-top: 30%; }

#ofensivaTet img {
  display: block;
  margin: 0 auto; }

#ofensivaTet .borImage {
  border: double gray 7px; }

#ofensivaTet .imgMarg {
  margin-bottom: 5px; }

#ofensivaTet .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#ofensivaTet .btnCtr {
  text-align: center; }

#ofensivaTet .quotes {
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border-left: #581b06 10px solid;
  background-color: lightgray; }

#ofensivaTet .quotesText {
  color: #581b06;
  font-family: 'Amiri', serif;
  font-size: 1.4em; }

#ofensivaTet .number {
  font-size: 1em; }

#inMemoriam .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 2em; }

#inMemoriam .titleTop {
  font-family: 'Amiri', serif;
  color: black;
  font-size: 4em; }

#inMemoriam img {
  display: block;
  margin: 0 auto; }

#inMemoriam .borImage {
  border: double gray 7px; }

#page10 .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#page10 .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#page10 .divCenter {
  margin-top: 30%; }

#page10 img {
  display: block;
  margin: 0 auto; }

#page10 .borImage {
  border: double gray 7px; }

#page10 .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#page10 .btnCtr {
  text-align: center; }

#page10 .italic {
  font-style: italic; }

#page10 .imgMarg {
  margin-bottom: 5px; }

#page10 .imgMargTop {
  margin-top: 10%; }

#citacion .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#citacion .serif {
  font-family: 'Amiri', serif; }

#citacion .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#citacion img {
  display: block;
  margin: 0 auto; }

#citacion .borImage {
  border: double gray 7px; }

#citacion .imgMarg {
  margin-bottom: 5px; }

#citacion .dorado {
  color: #a38205; }

#condecoraciones .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#condecoraciones .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#condecoraciones .divCenter {
  margin-top: 30%; }

#condecoraciones img {
  display: block;
  margin: 0 auto; }

#condecoraciones .borImage {
  border: double gray 7px; }

#condecoraciones .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#condecoraciones .btnCtr {
  text-align: center; }

#condecoraciones .italic {
  font-style: italic; }

#condecoraciones .imgMarg {
  margin-bottom: 5px; }

#condecoraciones .imgMargTop {
  margin-top: 10%; }

#condecoraciones .dorado {
  color: #a38205; }

#condecoraciones .divBox {
  background-color: #581b06;
  color: white;
  padding: 40px;
  text-align: center; }

#colapso .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#colapso .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#colapso .divCenter {
  margin-top: 30%; }

#colapso img {
  display: block;
  margin: 0 auto; }

#colapso .borImage {
  border: double gray 7px; }

#colapso .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#colapso .btnCtr {
  text-align: center; }

#colapso .italic {
  font-style: italic; }

#colapso .imgMarg {
  margin-bottom: 5px; }

#colapso .imgMargTop {
  margin-top: 10%; }

#colapso .dorado {
  color: #a38205; }

#colapso .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#pagina14 .titleTop {
  font-family: 'Roboto', sans-serif;
  color: #a38205 !important;
  font-size: 3em; }

#pagina14 .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#pagina14 .divCenter {
  margin-top: 30%; }

#pagina14 img {
  display: block;
  margin: 0 auto; }

#pagina14 .borImage {
  border: double gray 7px; }

#pagina14 .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#pagina14 .btnCtr {
  text-align: center; }

#pagina14 .italic {
  font-style: italic; }

#pagina14 .imgMarg {
  margin-bottom: 5px; }

#pagina14 .imgMargTop {
  margin-top: 10%; }

#pagina14 .dorado {
  color: #a38205; }

#pagina14 .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#heroe {
  background-size: cover;
  height: 100%;
  color: black; }
  #heroe dark-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  #heroe .titleTop {
    font-family: 'Amiri', serif;
    color: #a38205 !important;
    font-size: 5em; }
  #heroe .serifStyle {
    font-family: 'Amiri', serif;
    color: #a38205 !important;
    font-size: 1.2em; }
  #heroe .leadSize {
    font-size: 2em; }
  #heroe .quote {
    background-color: lightgray;
    border-radius: 10px; }
  #heroe .center {
    margin: auto;
    width: 100%;
    padding: 10px; }
  #heroe .divCenter {
    margin-top: 30%; }
  #heroe img {
    display: block;
    margin: 0 auto; }
  #heroe .borImage {
    border: double gray 7px; }
  #heroe .bor {
    border-top: 5px red solid;
    border-bottom: 5px red solid;
    width: 15%;
    margin-left: auto;
    margin-right: auto; }
  #heroe .btnCtr {
    text-align: center; }

#vietnamMemorial .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#vietnamMemorial .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#vietnamMemorial .divCenter {
  margin-top: 30%; }

#vietnamMemorial img {
  display: block;
  margin: 0 auto; }

#vietnamMemorial .borImage {
  border: double gray 7px; }

#vietnamMemorial .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#vietnamMemorial .btnCtr {
  text-align: center; }

#vietnamMemorial .italic {
  font-style: italic; }

#vietnamMemorial .imgMarg {
  margin-bottom: 5px; }

#vietnamMemorial .imgMargTop {
  margin-top: 10%; }

#vietnamMemorial .dorado {
  color: #a38205; }

#vietnamMemorial .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#notaPeriodistica .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em; }

#notaPeriodistica .italic {
  font-style: italic; }

#notaPeriodistica .serif {
  font-family: 'Amiri', serif; }

#notaPeriodistica img {
  display: block;
  margin: 0 auto; }

#notaPeriodistica .borImage {
  border: double gray 7px; }

#notaPeriodistica .imgMarg {
  margin-bottom: 5px; }

#notaPeriodistica .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#dedicatoria .titleTop {
  font-family: 'Roboto', sans-serif;
  color: gray;
  font-size: 3em;
  text-align: center; }

#dedicatoria .serif {
  font-family: 'Amiri', serif; }

#dedicatoria h1 {
  font-size: 2em;
  color: black !important; }

#dedicatoria h4 {
  font-size: 1.5em;
  color: black; }

#dedicatoria p {
  font-size: 1.2em;
  color: black !important; }

#dedicatoria .italic {
  font-style: italic; }

#dedicatoria .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#dedicatoria .divCenter {
  margin-top: 30%; }

#dedicatoria img {
  display: block;
  margin: 0 auto; }

#dedicatoria .borImage {
  border: double gray 7px; }

#dedicatoria .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#dedicatoria .btnCtr {
  text-align: center; }

#dedicatoria .italic {
  font-style: italic; }

#dedicatoria .imgMarg {
  margin-bottom: 5px; }

#dedicatoria .imgMargTop {
  margin-top: 10%; }

#dedicatoria .dorado {
  color: #a38205; }

#dedicatoria .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#dedicatoria .padTop {
  padding-top: 10%; }

#contacto p {
  font-size: 1.2em;
  color: black !important; }

#contacto .italic {
  font-style: italic; }

#contacto .center {
  margin: auto;
  width: 100%;
  padding: 10px; }

#contacto .divCenter {
  margin-top: 30%; }

#contacto img {
  display: block;
  margin: 0 auto; }

#contacto .borImage {
  border: double gray 7px; }

#contacto .bor {
  border-top: 5px red solid;
  border-bottom: 5px red solid;
  width: 15%;
  margin-left: auto;
  margin-right: auto; }

#contacto .btnCtr {
  text-align: center; }

#contacto .italic {
  font-style: italic; }

#contacto .imgMarg {
  margin-bottom: 5px; }

#contacto .imgMargTop {
  margin-top: 10%; }

#contacto .dorado {
  color: #a38205; }

#contacto .divBox {
  background-color: black;
  color: white;
  padding: 40px;
  text-align: center; }

#contacto .padTop {
  padding-top: 10%; }

footer {
  background-color: black;
  height: 50px; }

@media only screen and (max-width: 568px) {
  #citacion .titleTop {
    font-family: 'Roboto', sans-serif;
    color: gray;
    font-size: 2em; }
  #inMemoriam .titleTop {
    font-family: 'Roboto', sans-serif;
    color: gray;
    font-size: 2em; }
  #condecoraciones .divBox {
    background-color: #581b06;
    color: white;
    padding: 0px;
    text-align: center; } }