html {font-family: 'Open Sans', sans-serif;line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent; box-sizing: border-box}
body {font-family: 'Open Sans', sans-serif;font-size: 17px;font-weight: 300;line-height: 1.65;color: #333;
text-align: left;background-color: #f5f5f5;height: 100vh;width: 100vh;display: flex;flex-direction: column;    justify-content: center;align-items: center;margin: 0 auto; box-sizing: border-box}
a {text-decoration: none}
ul, ul li {text-decoration: none; list-style: none; margin: 0; padding: 0}

.bio img {height: 120px; width: 120px; margin: 0 auto; display: block; border-radius: 100%;}
.bio h1 {display: block; font-size: 32px;margin-bottom: 0; margin-top: 10px; text-align: center}

.links {width: 47%;margin-top: 60px}
.links a {display: flex; align-items: center;border: 1px solid #d9d9d9; line-height: 1; color: inherit; border-radius: 7px; overflow: hidden; width: 100%; background: #fff; margin-bottom: 20px}
.links a.destaque {background: #076cba; color: #fff; font-weight: 600}

.links a:last-child{margin-bottom: 0px}
.links a .icone {background: #076cba;padding: 15px 18px}
.links a.destaque .icone {background: #13e376}
.links a .icone img {width: 24px; height: 24px; display: block}
.links a .titulo {padding: 0 20px; font-size: 17px}
.links.sem-icone a .titulo {padding: 13px 25px; line-height: 1.5}


@media (max-width: 575px) {
body{height: auto; width: auto; padding: 30px 20px}
.bio h1 {font-size: 21px}		
.links, .breadcrumb {width: 100%; box-sizing: border-box}
}

@media (max-width: 355px) {
.bio h1 {display: block;font-size: 18px}
.links a .titulo {font-size: 15px;}      
}