@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700');

body {font-family: 'Montserrat', sans-serif;}


p  {font-weight: 200; line-height: 1.1; margin-bottom: 0.8rem; text-align: center; color: rgba(255,255,255,1);}
/* @media (width: 320px) */ p {font-size: 1.1rem;}
@media (min-width: 576px)  {p {font-size: 1.2rem;}}
@media (min-width: 768px)  {p {font-size: 1.3rem;}}
@media (min-width: 992px)  {p {font-size: 1.4rem;}}
@media (min-width: 1200px) {p {font-size: 1.5rem;}}
@media (min-width: 1920px) {p {font-size: 1.5rem;}}


/* @media (width: 320px) */ .hr {margin: 0 0 1.2rem 0; border-top: 1px solid rgba(180,150,80,1);}
@media (min-width: 576px)  {.hr {margin: 0 0 2.5rem 0;}}
@media (min-width: 768px)  {.hr {margin: 0 0 3.5rem 0;}}
@media (min-width: 992px)  {.hr {margin: 0 0 3.5rem 0;}}
@media (min-width: 1200px) {.hr {margin: 0 0 3.5rem 0;}}
@media (min-width: 1920px) {.hr {margin: 0 0 3.5rem 0;}}


.bg-dourado  {background-color: rgba(180,150,80,1);}
.bg-vermelho {background-color: rgba(86,14,26,1);}

.dourado  {color: rgba(180,150,80,1);}
.vermelho {color: rgba(86,14,26,1);}


.box {
    display: -ms-flexbox !important;
    display: flex !important;

    -ms-flex-align: center !important;
    align-items: center !important;

    -ms-flex-pack: center;
    justify-content: center;

    height: 100vh;

    background-color: rgba(86,14,26,1);
}