@media only screen and (max-width: 1024px) {

.logo {
    float: none;
    margin: 0 auto;
}

.nav-wrap {width: 100%;margin: 0;}

.main-nav {text-align: center;}


.grid-sizer,
.grid-item {
  float: left;
  width: 33.3%;
  height: auto;
}

}


@media only screen and (max-width: 768px) {

  .logo {width: 100%;}


  .mobile-nav-icon {
    display: block;
  }

  .main-nav {display: none;}

.grid-sizer,
.grid-item {
  float: left;
  width: 50%;
  height: auto;
}

.img-desc {display:block;}

}

@media only screen and (max-width: 480px) {

  .mobile-nav .logo {width: 75%;}

  hr {margin: 5px auto;}

  footer {padding:15px 5px;}

  .ded-logo {
    width: 100%;
    padding: 5px 0;
    line-height: 1.5;
}    



.jump-to-top {float: left;}


  .mobile-nav-icon {
    margin-right: 24px;
    margin-top:36px;

  }
   .grid-sizer,
.grid-item {
  float: left;
  width: 100%;
  height: auto;
}
}