.article-content {
max-width: 800px;
margin: 0 auto;
}
a:hover .fa {
color: #500000;
}
h2 {
border-bottom: 1px solid lightgray;
font-weight: normal;
color: #555;
margin: 0.5em 0;
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
#primary-social-media .icons {
display: -webkit-flex;
display: flex;
justify-content: center;
margin: 2em 0;
}
#primary-social-media .icons .social-network {
-webkit-flex-grow: 1;
flex-grow: 1;
text-align: center;
}
.social-network .fa {
font-size: 7vw;
color: #500000;
/* TODO: add max-width for large screens */
}
.category {
margin-bottom: 1.5em;
}
.category li {
font-size: 1.2em;
padding: 0.4em;
}
.category li:nth-child(odd) {
background-color: #f8f8f8;
}
.category .social-media {
float: right;
font-size: 1.2em;
}
.category .social-media i {
padding: 3px;
}
.list-unstyled {
list-style-type: none;
padding: 0;
}
@media (min-width: 1280px) {
.social-network .fa {
font-size: 6.5em;
}
}
