/* global body padding */
body {
  padding-top:    20px;
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  body {
    padding-top:    50px;
    padding-bottom: 50px;
  }
}


/* global spacing overrides */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
}
hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

.navbar-fixed-top,
.navbar-static-top {
  border-bottom: 0;
}
.cat-date {
    color: #fff;
    font-size: 12px;
    text-align: left;
}
.photo-item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #1a1c22;
}
.w-100 {
    width: 100%;
}
#user-list-form {
    margin-bottom: 30px;
}
.py-1 {
    padding: 10px 0;
}
.mb-1 {
    margin-bottom: 10px;
}
.mb-2 {
    margin-bottom: 20px;
}
.mt-1 {
    margin-top: 10px;
}
.mt-2 {
    margin-top: 20px;
}
.mt-3 {
    margin-top: 30px;
}
.user-item {
    background: #1a1c22;
    padding-top: 15px;
    padding-bottom: 15px;
}
.grid-sizer,
.grid-item {
    width: 20%;
    margin-bottom: 10px;
}
.media-grid-row {
    clear:both;
    float:left;
    padding-bottom: 50px;

}
.media-grid-item {
    float:left;
    width: 20%;
    min-height: 350px;
    min-width:350px;
    border: solid 1px #434857;
    padding: 17px;
}
.media-grid-item img {
    max-height:100px;
    max-width:100%;
    margin-bottom: 20px;
}
.featured .label,
.news .label,
.featured .col-xs-12,
.news .col-xs-12 {
    padding: 0;
    text-align: left;
}
.news .label-danger {
    background: none;
}
@media only screen and (max-width: 1730px) {
    .media-grid-item {
        min-width:250px;
        min-height:450px;
    }
}

@media only screen and (max-width: 1260px) {
    .media-grid-item {
        min-width:150px;
    }
}

@media only screen and (max-width: 790px) {
    .media-grid-item {
        width:45%;
        min-width:150px;

    }
}

@media only screen and (max-width: 400px) {
    .media-grid-item {
        width:100%;
        margin-bottom: 15px;
    }
}