.last-col {
  float: right !important;
}

.clear-both{
    clear: both !important;
    float: none !important;
}

.center{
  margin:0 auto;
    clear: both !important;
    float: none !important;
    }

.align-right{
  float:right !important;
}
/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {

  body{
    font-size:13px !important;
  }

  a:hover, .hover a{
  /* border-color: #222; */
  background: inherit !important;
  color: inherit !important;
  }

   a:hover .underline, .hover a .underline{
    box-shadow: inset 0 -8px 0 white, inset 0 -10px 0px black !important;
  }

  .project-gallery .text{
    left:0px !important;
  }

  .right-nav {
      margin-top: -6px;
      margin-right: 0px !important;  
  }

  .about-col{
      font-size: 0.92em;  
  }

  .small p{
  font-size:0.92em;
  }

  .content p{
    letter-spacing: 1px;
  }
  .mobile-not-visible{
    display: none !important;
  }


  .page-margins {
    margin-left: 1rem;
    margin-right: 1rem;
}

  ul.projects, .page-header{
    font-size:1.8em !important;

  }

  .grid-item p{
    margin-right: 2.5em !important;
  }

  .wrapper{
    padding: 1em !important;
    margin:0 !important;
    border:0 !important;
  }

  .mobile-no-padding{
    padding:0 !important;
  }
    
  .m-all {
    float:left;
    width: 100%;
  }

  .m-1of2 {
    float:left;
    width: 50%;
  }

  .m-1of3 {
    float:left;
    width: 33.33%;
  }

  .m-2of3 {
    float:left;
    width: 66.66%;
  }

  .m-1of4 {
    float:left;
    width: 25%;

  }

  .m-3of4 {
    float:left;
    width: 75%;
  }

  .mobile-only-visible.captions {
      padding: 0;
      font-size: 0.95em;
  }

}


/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {

  .mobile-only-visible{
    display: none !important;
  }

  .t-all {
    float:left;
    width: 100%;
  }

  .t-1of2 {
    float:left;
    width: 50%;
  }

  .t-1of3 {
    float:left;
    width: 33.33%;
  }

  .t-2of3 {
    float:left;
    width: 66.66%;
  }

  .t-1of4 {
    float:left;
    width: 25%;
  }

  .t-3of4 {
    float:left;
    width: 75%;
  }

  .t-1of5 {
    float:left;
    width: 20%;
  }

  .t-2of5 {
    float:left;
    width: 40%;
  }

  .t-3of5 {
    float:left;
    width: 60%;
  }

  .t-4of5 {
    float:left;
    width: 80%;
  }

   .t-1of8 {
    float:left;
    width: 12.5%;
  }

   .t-1of8 {
    float:left;
    width: 12.5%;
  }

  .page-margins {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

}

/* Landscape to small desktop */
@media (min-width: 1030px) {

  .mobile-only-visible{
    display: none !important;
  }

  .tablet-visible{
    display: none !important;
  }


  .d-all  {
    float:left;
    width: 100%;
  }

  .d-1of2 {
    float:left;
    width: 50%;
  }

  .d-1of3 {
    float:left;
    width: 33.33%;
  }

  .d-2of3 {
    float:left;
    width: 66.66%;
  }

  .d-1of4 {
    float:left;
    width: 25%;

  }

  .d-3of4 {
    float:left;
    width: 75%;
  }

  .d-1of5 {
    float:left;
    width: 20%;
  }

  .d-2of5 {
    float:left;
    width: 40%;
  }

  .d-3of5 {
    float:left;
    width: 60%;
  }

  .d-4of5 {
    float:left;
    width: 80%;
  }

  .d-1of6 {
    float:left;
    width: 16.6666666667%;
  }

  .d-1of7 {
    float:left;
    width: 14.2857142857%;
  }

  .d-2of7 {
    float:left;
    width: 28.5714286%;
  }

  .d-3of7 {
    float:left;
    width: 42.8571429%;
  }

  .d-4of7 {
    float:left;
    width: 57.1428572%;
  }

  .d-5of7 {
    float:left;
    width: 71.4285715%;
  }

  .d-6of7 {
    float:left;
    width: 85.7142857%;
  }

  .d-1of8 {
    float:left;
    width: 12.5%;
  }

  .d-1of9 {
    float:left;
    width: 11.1111111111%;
  }

  .d-1of10 {
    float:left;
    width: 10%;
  }

 .d-9of10 {
    float:left;
    width: 90%;
  }

  .d-1of11 {
    float:left;
    width: 9.09090909091%;
  }

  .d-1of12 {
    float:left;
    width: 8.33%;
  }

  .d-img{
    width:82.33333333%;
    float:left;

  }

  .d-caption{
    width:17.66666666%;
    float:left;

  }

  .page-margins {
    margin-left: 8rem;
    margin-right: 7rem;
}

}