.logo a {
  background: url(/images/logo.png) 50% 50% no-repeat;
  background-size: contain; }

#header.fixed {
  position: fixed;
  top: 0; }

/* Causing issues with new styling
.fixed .logo {
  float: left;
  width: 52px;
  height: 31px;
  margin: 5px 25px 0 0;
  position: relative;
  z-index: 21; }

.fixed .logo a {
  background: url(/images/logo2.png) 50% 50% no-repeat; }
*/
/****************************************************************              PC - LARGE             ***********************************************/
/*   Above are specific PC-LARGE stylings, if needed; otherwise - this (PC-LARGE section) is the general design styling for the page, i.e colors, fonts, backgrounds. etc. You put down only dimensional and other dom-model related changes in the desigh in the screen-size queries below */
/****************************************************************              PC              ***********************************************/
@media screen and (max-width: 1218px) {
  .fixed .nav li:first-child {
    margin: 0; }

  .fixed .nav li {
    margin: 0 0 0 35px; } }
/****************************************************************              TABLET              ***********************************************/
@media screen and (max-width: 977px) {
  body {
    padding-top: 150px; }

  #header {
    position: fixed;
    top: 0; }

  .logo {
    float: left; } }
/****************************************************************              MOBILE Landscape             ***********************************************/
@media screen and (max-width: 747px) {
  .menu-mobile .socials {
    display: none; }

  body {
    padding-top: 74px; }

  #header {
    position: fixed;
    top: 0;
    padding: 0;
    height: 72px; }

  .logo {
    display: none; }

  .logo-mobile {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0;
    width: 228px; }

  .logo-mobile a {
    display: block;
    height: 32px;
    width: 100%;
    background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background: url(/images/img-logo-mob.png) no-repeat; }

  .search {
    display: none; }

  .opener-mobile {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    text-indent: -9999px;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url(/images/bg-menu-opener.png) 50% 50% no-repeat;
    margin: 0; }

  .alert {
    display: none; } }