﻿.content-grid__link {
    display: inline-block;
    padding: .6875rem 1.25rem;
    font-weight: 500;
    color: #fff !important;
    background: #CE2026;
    border-radius: 22px 0;
    transition: all .2s ease;
}

.content-grid__link:hover {
    background: #ED3625;
}
.text-content .row{
  display: flex;
  display: -ms-flex;
  align-items:center;
}
.text-content .row > .col{
  max-width:100%;
  flex:1;
  -ms-flex:1;
  -moz-flex:1;
  -webkit-flex:1;
}
img.logo{
    width:auto;
    height:5rem;
    margin:0 auto 2rem 0;
}
.img-graphic{
    width:90%;
    height:auto;
    margin:5rem auto 5rem 0;
    z-index:1;
    position: relative;
}
.text-content.graphic h2{
    font-size:2.5rem;
    margin:0 auto 2rem 0;
}
@media (min-width:768px) and (max-width:991px){
   .text-content.graphic h2{
    font-size:2rem;
   }
}
@media (min-width:576px) and (max-width:767px){
  .text-content .row{
    flex-wrap:wrap;
  }
  .text-content .row > .col{
    flex:1 1 auto;
    -ms-flex:1 1 auto;
    -moz-flex:1 1 auto;
    -webkit-flex:1 1 auto;
  }
  .img-graphic {
    margin: 2rem auto 4rem 0;
  }
}
@media (max-width:575px){
  .text-content .row{
    flex-wrap:wrap;
  }
  .text-content .row > .col{
    flex:1 1 auto;
    -ms-flex:1 1 auto;
    -moz-flex:1 1 auto;
    -webkit-flex:1 1 auto;
  }
  .text-content.graphic h2{
    font-size:2rem;
   }
  .img-graphic {
    margin: 2rem auto 4rem 0;
  }
}