div#mg:after,

div#mg2:after,

div.back-to-top-container:after {

    content: "";

    clear: both;

    display: block;

}



.cta-container {

  display:table;

  width: 100%;

  height: 90%;

}



.cta-container p {

  display: table-cell;

  width: 100%;

  vertical-align: middle;

  text-align: center;

  margin:5px 0;

  font-family: arial, sans-serif;

  line-height: 1.6;

}



.l-content .ct .cta-container p {

    font-family: arial, sans-serif;

}



.cta-container p a,

.cta-container p a:visited {

  text-decoration: underline;

  color: #666666;

}



.cta-container p a:hover {

  color: #e0b2aa;

}



.grid-sizer, .item {

  width: 32%;

  margin-bottom:10px;

}





.gutter-sizer {

  width: 1%;

}



.item img {

  max-width: 100%;

}



.overlay {

    width: 100%;

    height: 100%;

    background-color: rgba(245, 233, 229, 0.85);

    position: absolute;

    top: 0;

    left: 0; 

    text-decoration: none;

    color: #666666;

    font-family: arial, sans-serif;

    display: none;

}





.overlay .title {

    text-align: center;

    font-size: 18px;

    background: #6d6d6d;

    margin: 0px 0 5px;

}



.overlay .description {

    position: absolute;

    bottom: 2px;

    left: 0;

    background-color: rgba(0,0,0,0.25);

    width: 100%;

    margin: 0;

}



.overlay .description a, .overlay .description a:visited {

  color: #f8ede9;

  text-decoration: none;

  display:block;

}



.overlay .description a:hover {

  color: #666666;

}



.overlay .description p {

  text-align: center;

  margin: 0.5em 0;

}



/*.overlay .description p {

    margin: 10px;

}*/



.item:hover .overlay {

    display: block;

}



div.back-to-top-container {

  text-align: center;

}



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

  .grid-sizer, .item {

    width: 24%;

  }

}



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

  .grid-sizer, .item {

    width: 100%;

  }

}