html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
body{margin:0;padding:0;text-align:center;font-family:'Barlow Condensed',sans-serif;color:#282325}
.header{color:#FFF;background:#282325;margin-bottom:20px}
h1{font-size:3em;font-weight:700;padding:10px;text-transform:uppercase}
p{padding:10px}
.small{color:grey;text-transform:uppercase;font-size:1.2em}
.number{font-size:1.8em;font-weight:400}
.button{color:#FFF;text-decoration:none;background:#900;padding:15px 10px;display:block;font-weight:400;width:200px;border-radius:5px;margin:0 auto 20px;text-transform:uppercase;font-size:1.4em}
.footer{color:#444;font-weight:400;margin-bottom:20px;padding:0 10px}
@media (max-width: 490px) {
    h1{font-size:3em}
}

/*abril 2019 */

html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit;
  }
  



h1 a{color: #fff; text-decoration: none}

.header{width: 100%}
.content{ width: 100%}

.hero-photo{width: 100%; margin-top: 20px; margin-bottom: 30px}
.img-responsive{max-width: 100%; width: 100%}

.text-left{text-align: left!important}

/* menu */
 
.menu{display:flex; align-items: center; justify-content: center;
background-color: #000; line-height: 1em;
}
.menu a{
    color:#fff;
    text-decoration: none;
    padding: 1rem;
    font-size: 18px;
    
    display: block

} 
.menu a:hover{color: #fff23a; transform: scale(1.1); }

.container{max-width: 960px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto;}
.container h2{font-weight: 600; font-size: 26px; margin-bottom: 1rem}

.container.page { text-align: left;margin-bottom: 30px}
.container.page p,
.container.page ul li
{ font-size: 24px; line-height: 1.3em; padding: 0; margin-bottom: 12px}

.container.page ul {padding-left: 30px; border-left: solid 1px #900; margin-top: 30px; margin-bottom: 30px}
.container.page ul li {line-height: 1.1em;}

/* footer */

.footer{display: block; margin-top: auto; width: 100%; border-top: solid 1px #b3b3b3; padding-top: 15px}
.alert{color: #900; font-weight: 500; }