@import url('./fonts/Muli/Muli.css');
@import url('./fonts/Muli/Muli-Bold.css');
@import url('./fonts/Muli/Muli-Light.css');

html {
  height: 100%; 
}

body {
    font-family: 'Muli', sans-serif;
    color: #ffffff;
    font-size: 14px;
    position: relative;
  
    min-height: 100%;
    
}

#conteudo{
    border: 10px solid #b3b2ad;
    padding: 15px;
    background-color: #e5e5e3;
    min-height: 100%;
}
#conteudo .logotipo{
    padding: 0px 30px;
    width: 100%;
    text-align: center;
}
#conteudo .logotipo img{
    width: 500px;
    position: relative;
    margin-bottom: -20px;
}

.frase{
    margin-left: auto;
    margin-right: auto;
    padding: 0px 15px;
    padding-top: 50px;
    max-width: 650px;
    width: 100%;
    text-align: center;
    color: #807F76;
    font-size: 18px;
    
    
}
.icons{
    margin-top: 50px;
    padding-bottom: 15px;
    width: 100%;
    text-align: center;
    color: #000000;
}
.icons > div{
    text-align: center;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.icons img{
    width: 50px;
    margin-bottom: 5px;
}