/* Presss Office View */
.pressofficecontainer h2        {border-bottom: none;}
.pressofficecontainer h4        {}
.pressofficemaindate            {font-weight: bold; padding-bottom: 20px;}

/* Press Office Listing */
.pressofficecontainer           {padding: 10px 0 20px 0; border-bottom: solid 1px #e7e7e7;}
.pressofficedate                {float: left; width: 15%; padding-right: 5%; text-align: center; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-variant: small-caps;}
    .pressofficedatecontainer       {margin: 0px auto; padding: 5px; background-color: #e7e7e7; border-radius: 6px; border-bottom: solid 2px #ddd; width: 90%;}
    .pressofficedate .dd            {font-size: 200%; border-bottom: solid 1px #ddd;}
    .pressofficedate .MMM           {font-size: 130%; border-bottom: solid 1px #ddd; border-top: solid 1px #fff;}
    .pressofficedate .yyyy          {line-height:1.7em; border-top: solid 1px #fff;}
.pressofficetext                {float: left; width: 85%;}
    .pressofficetext h3             {font-family: 'Roboto Condensed', sans-serif; margin-top: 10px; width: 90%;}
    .pressofficetext a              {display: inline-block;}
    .pressofficetext .fa-arrow-circle-o-right {padding-right: 6px;}

@media (max-width: 768px) {
    .pressofficedate                {float: none; width: 70%; display: inline-block;}
    .pressofficedate .dd, .pressofficedate .MMM, .pressofficedate .yyyy                
                                    {float: left; font-size: 120%; padding-right: 10px; border: none; line-height: 1.5em;}
    .pressofficetext                {width: 100%;}
    .pressofficetext h3             {font-size: 130%; width: 100%;}

    .pressofficecontainer h2        {font-size: 130%;}
}