@font-face {
    font-family: 'Bree Serif';
    src: url(../fonts/Bree_Serif/BreeSerif-Regular.ttf);
}

body{
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;         
    background-size: cover; 
    background-image: url("../images/papiro.jpg");
    background-color: #F2EECC;
    text-align: center;
    font-family: 'Bree Serif';
    color:#291B0C;
    line-height: 2;
}

h1{
    font-size:2em;
}

ul{ 
    display: inline-block; 
    text-align: left; 
}

.navbar-custom {
    background-color: #715335;
}

.navbar-custom .navbar-nav .nav-link {
    text-align: center;
    color: white;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: white;
} 

.container::before {       
  display: block;       
  content: " ";       
  margin-top: -73px;       
  height: 73px;      
  visibility: hidden; 
}

#inicio{
    padding-left: 0 !important;
}

#animation_container{
 background-color:#291B0C; 
 width:100%;
 margin: auto;
 margin-top: 110px;
}

#canvas{
    position: relative;
    width: 320px;
    height: auto;
    display: block;
    margin:auto;
    background-color:#291B0C;
}

#dom_overlay_container{
    pointer-events:none; 
    overflow:hidden;
    width: 320px;
    height: auto;
    position: relative; 
    margin:auto;
    top: 0px; 
    display: block;
}

.align-left{
    text-align: left;
}

.otraseccion{
    width: 100%;
    margin: 0;
    height: 64px;
    border:none; 
    background-position: center;
    background-repeat: no-repeat;         
    background-size: contain; 
    background-image: url(../images/separador.png);
    background-color: transparent;
}

.card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}


#listcontacto{
    list-style-type: none;
}

.minh{
    min-height: 85vh;          
}

#pie_pagina{
    width: 100%;
    text-align: center;
    background-color: #715335;
    color:white;
    margin:auto;
    bottom: 0;
}



/*media*/
@media (min-width: 36em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media (min-width: 75em) {
    .card-columns {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}

@media (min-width: 1024px) {
    .navbar-brand{
        padding-left: 1em !important;
        padding-right: 1em !important;*/
    }

    .navbar-custom .navbar-nav .nav-link {
        text-align: center;
        color: white;
        padding-right: 1em !important;*/
    }
}