<commit_before>.maintain-aspect16by9 
{
    margin-top:25px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
    width: 100%;
}

.maintain-aspect16by9 > iframe
{
    width:100% !important;
    height:100% !important;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.os-wrapper{
    display:-webkit-flex;
    -webkit-justify-content:center;

    display:flex;
    flex-flow: row wrap;
    justify-content:center;
}

@media all and (max-width: 500px) {
    .os-wrapper{
        display:-webkit-flex;
        -webkit-justify-content:center;

        display:flex;
        flex-flow: column wrap;
        justify-content:center;
    }
}

.os-wrapper div{
    /*-webkit-flex:1;
    flex:1;*/
    display:inline-block;
    margin: 3px 3px 3px 3px;
    min-width:150px;
}


.md-virtual-repeat-container {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100vh;
    /*border: solid 1px #ccc;*/
    padding: 10px;
}

.thumbnail {
  display: inline-flex;
  min-width:200px;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  /*background-color: #ffffff;*/
  background-color: #FFF8E0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {<commit_msg>Updated css for search_catalogs to become single column on small screen.<commit_after>.maintain-aspect16by9 
{
    margin-top:25px;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
    width: 100%;
}

.maintain-aspect16by9 > iframe
{
    width:100% !important;
    height:100% !important;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.md-virtual-repeat-container {
    position: relative;
    display: inline-flex;
    
    width: 100%;
    height: 100vh;
    /*border: solid 1px #ccc;*/
    padding: 10px;
}


.os-wrapper{
    display:-webkit-flex;

    display:flex;    
    justify-content:center;
}

@media all and (max-width: 600px) {
    .os-wrapper{
        display:-webkit-flex;

        display:flex;    
        justify-content:center;
        flex-direction: column;
    }
}

.os-wrapper div{
    /*-webkit-flex:1;
    flex:1;*/
    
    margin: 3px 3px 3px 3px;
   
}

.thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  /*background-color: #ffffff;*/
  background-color: #FFF8E0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
{'fraction_non_alphanumeric': 0.1450909090909091, 'fraction_numerical': 0.05236363636363636, 'mean_word_length': 2.624505928853755, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6771544', 'n_tokens_mistral': 1158, 'n_tokens_neox': 1027, 'n_words': 225}