/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  BLOG ARTICLE
****************************************/
.app-blog .article-img img {
  max-width: 100%; }

@media (min-width: 770px) and (max-width: 989px), (min-width: 1200px), (min-width: 990px) and (max-width: 1199px) {
  .app-blog .article-container h1, .app-blog .article-container h1 * {
    font-size: 1.6rem; } }

@media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
  .app-blog .article-container h1, .app-blog .article-container h1 * {
    font-size: 1.2rem; } }

.app-blog .article-container .subtitle, .app-blog .article-container .subtitle * {
  text-align: center;
  color: #002A40;
  margin-bottom: .8rem; }
  @media (min-width: 770px) and (max-width: 989px), (min-width: 1200px), (min-width: 990px) and (max-width: 1199px) {
    .app-blog .article-container .subtitle, .app-blog .article-container .subtitle * {
      font-size: 1.2rem; } }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    .app-blog .article-container .subtitle, .app-blog .article-container .subtitle * {
      font-size: .9rem; } }
.app-blog .article-container .date.post-detail {
  text-align: center;
  list-style: none;
  font-size: .7rem;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  padding: 0;
  color: gray; }
  .app-blog .article-container .date.post-detail div {
    display: inline; }

.app-blog .article-container .categories, .app-blog .article-container .categories * {
  text-align: center;
  font-size: .7rem;
  margin: .5rem 0; }
  .app-blog .article-container .categories p, .app-blog .article-container .categories * p {
    display: inline; }
  .app-blog .article-container .categories a, .app-blog .article-container .categories * a {
    background-color: #006A95;
    color: white;
    padding: .2rem .5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    border-radius: 5px; }
    .app-blog .article-container .categories a:hover, .app-blog .article-container .categories * a:hover {
      text-decoration: none; }

.app-blog .article-container .blog-lead * {
  padding: .8rem 0;
  word-wrap: break-word;
  margin: 0; }

.app-blog li {
  font-size: .8rem; }

.app-blog .tags {
  font-size: .8rem; }

.app-blog .blog-content p {
  color: #002A40; }

.app-blog .blog-content img.align-right,
.app-blog .blog-content img.align-center,
.app-blog .blog-content img.align-left {
  display: block; }

.app-blog .blog-content img.align-center {
  margin: 0 auto; }

.app-blog .blog-content img.align-right {
  margin-left: auto; }

.app-blog .blog-content img.align-left {
  margin-right: auto; }

/****************************************
  SOCIAL NETWORKS
****************************************/
.container-social svg {
  fill: #006A95;
  width: 1.2rem;
  height: 1.2rem;
  transition: .2s ease;
  cursor: pointer; }

.container-social svg:hover {
  transform: scale(1.2); }