/*
.thumbnail {

    border: 0 none;
    box-shadow: none;

} */


.thumbnail img {

    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;

}

body {
    background: rgb(249, 249, 249);
}

#pageContent {
    background: white;
    border: 1px solid #919191;
}

#searchInfo {
    font-weight: bold;
    background: linear-gradient(130deg, rgb(242, 242, 242), white, rgb(242, 242, 242));
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    border-top: 1px solid #919191;
    border-bottom: 1px solid #919191;
    visibility: hidden;
}

.thumbnail {
    margin-left: 2%;
    margin-right: 2%;
}

.top-form {

    padding-left: 14px;
    padding-top: 20px;

}

p {
    font-size: 120%;
}

#mojoLabel {
    padding-right: 16px;
}

#searchLabel {
    padding-right: 3px;
}

.sampleText {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* number of lines to show */
}

.content {
    background: gray;

    /*
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto;
    height: 100%; */
}



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    .imageBox {
        width: 100%;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

    .imageBox {
        width: 100%;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .imageBox {
        width: 50%;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .imageBox {
        width: 33%;
    }


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .imageBox {
        width: 25%;
    }

}