<commit_before>.find-courses
{
	background:transparent;
  padding-bottom:0;

	.catalog-content
	{
		background:white;
	}

	.my-courses .course-item header
	{
		padding:0;

		h1
		{
			margin:0;
			padding:0;
		}
	}

	p
	{
		font:1.2em/1.4 "Helvetica Neue", Helvetica, sans-serif;
		color:#444;
	}

	.course-menu
	{

		ul
		{
			list-style: none;
			margin-top:1.2em;
			margin-bottom:1.2em;
			padding-left:0;
		}
		li
		{
			display: inline;
    	margin-right: 1.2em;
		}

		a
		{
			display: inline-block;
	    font: bold 1.2em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
	    color: #222;
	    text-transform: uppercase;
	    letter-spacing: .04em;
	    word-spacing: .04em;
	    border-bottom: 1px dashed transparent;
	    margin-top: .125em;
		}

		a:active, a:hover
		{
			color:$gym-orange;
		}

	}

	main
	{
		border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 auto 0em;
	}

	.course-overview
	{
		padding: 1.4em;
    border-right: 1px dashed #ccc;
    border-radius: .125em;


		.courses-container
		{
			width:100%;

			div.courses {
				width:100% !important;
				ul.courses-listing{
					width:100% !important;
					li.courses-listing-item{
						width:100% !important;
					}
				}
			}
		}

		h1
		{
			font: 900 2em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
	    color: $gym-dark-grey;
	    letter-spacing: .04em;
	    word-spacing: .05em;
	    text-transform: uppercase;
	    padding-top: 1em;
	    margin-top: -1.1em;
		}

		p.hero
		{
			font-family: brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 1.6em;
			line-height: 1.4;
			padding-bottom: 1em;
			border-bottom: 1px solid #ddd;
		}
	}

	h1
	{
		text-align:left;
	}

	.listing-courses
	{
		list-style:none;
		padding:0px;
	}

	.course-item
	{
		figcaption
		{
			background: #444;
	    padding: 1.2em;

			.gym-button b
			{
				font: bold 1.4em/1 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
				letter-spacing: .025em;
				vertical-align: text-top;
			}
		}

		p
		{
			font: 1em/1.4 "Helvetica Neue", Helvetica, sans-serif;
			color: $gym-dark-color;
			margin-top: .5em;
		}

		dl
		{
			color: $gym-dark-grey;
			letter-spacing: .06em;
			word-spacing: .05em;
			margin-bottom: .6em;
			margin-left:1.2em;
			margin-top:1em;
		}

		dt
		{
			font: 900 1em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			color: $gym-dark-gray;
			letter-spacing: .06em;
			word-spacing: .05em;
			text-transform: uppercase;
			margin-bottom: .6em;
		}

		dd
		{
			display: list-item;
			list-style: disc;
			color: $gym-orange;
			margin-top: .3em;

			span
			{
				font: 1em/1.4 "Helvetica Neue", Helvetica, sans-serif;
				color:$gym-dark-grey;
			}
		}

		article
		{
			padding-bottom:3em;
			overflow:hidden;
		}
	}

	hr
	{
		height: 0;
    padding-top: 2.4em;
    border: 0;
    border-top: 1px dashed #ccc;
    margin: 1em -2.4em 0;
	}

	.sidebar h2, .course-overview h2
	{
		font: 900 1em/1.3 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
		color: #222;
		letter-spacing: .02em;
		word-spacing: .02em;
		text-transform: uppercase;
	}

	.sidebar
	{
		padding: 1.4em;
		box-sizing: border-box;
		overflow: hidden;

		h1
		{
			font: bold 1.4em/1.1 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: .03em;
		}

		section
		{
			border-top: 1px solid #ddd;
			margin-top: 1.8em;
		}

		p
		{
	    margin-top: .5em;
	    font-size: .96em;
		}
	}

	.sidebar p, .sidebar li, .sidebar dd, .course-overview p, .course-overview li {
    font: 1.15em/1.5 "Helvetica Neue", Helvetica, sans-serif;
    color: #444;
	}


	.join-gymnasium
	{
		background-color:$gym-medium-grey;
		padding:10px;

		p
		{
			color:white;
		}
		h1
		{
			color:$gym-orange;
			text-align:center;
			font-size:32px;
		}
	}
}
<commit_msg>responsive fix for catalog page<commit_after>.find-courses
{
	background:transparent;
  padding-bottom:0;

	.catalog-content
	{
		background:white;
	}

	.my-courses .course-item header
	{
		padding:0;

		h1
		{
			margin:0;
			padding:0;
		}
	}

	p
	{
		font:1.2em/1.4 "Helvetica Neue", Helvetica, sans-serif;
		color:#444;
	}

	.course-menu
	{

		ul
		{
			list-style: none;
			margin-top:1.2em;
			margin-bottom:1.2em;
			padding-left:0;
		}
		li
		{
			display: inline;
    	margin-right: 1.2em;
		}

		a
		{
			display: inline-block;
	    font: bold 1.2em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
	    color: #222;
	    text-transform: uppercase;
	    letter-spacing: .04em;
	    word-spacing: .04em;
	    border-bottom: 1px dashed transparent;
	    margin-top: .125em;
		}

		a:active, a:hover
		{
			color:$gym-orange;
		}

	}

	main
	{
		border: 1px solid #ccc;
    border-radius: 2px;
    margin: 0 auto 0em;
	}

	.course-overview
	{
		padding: 1.4em;
    border-right: 1px dashed #ccc;
    border-radius: .125em;


		.courses-container
		{
			width:100%;

			div.courses {
				width:100% !important;
				ul.courses-listing{
					width:100% !important;
					li.courses-listing-item{
						max-height: none;
						width:100% !important;
					}
				}
			}
		}

		h1
		{
			font: 900 2em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
	    color: $gym-dark-grey;
	    letter-spacing: .04em;
	    word-spacing: .05em;
	    text-transform: uppercase;
	    padding-top: 1em;
	    margin-top: -1.1em;
		}

		p.hero
		{
			font-family: brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			font-size: 1.6em;
			line-height: 1.4;
			padding-bottom: 1em;
			border-bottom: 1px solid #ddd;
		}
	}

	h1
	{
		text-align:left;
	}

	.listing-courses
	{
		list-style:none;
		padding:0px;
	}

	.course-item
	{
		figcaption
		{
			background: #444;
	    padding: 1.2em;

			.gym-button b
			{
				font: bold 1.4em/1 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
				letter-spacing: .025em;
				vertical-align: text-top;
			}
		}

		p
		{
			font: 1em/1.4 "Helvetica Neue", Helvetica, sans-serif;
			color: $gym-dark-color;
			margin-top: .5em;
		}

		dl
		{
			color: $gym-dark-grey;
			letter-spacing: .06em;
			word-spacing: .05em;
			margin-bottom: .6em;
			margin-left:1.2em;
			margin-top:1em;
		}

		dt
		{
			font: 900 1em/1.2 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			color: $gym-dark-gray;
			letter-spacing: .06em;
			word-spacing: .05em;
			text-transform: uppercase;
			margin-bottom: .6em;
		}

		dd
		{
			display: list-item;
			list-style: disc;
			color: $gym-orange;
			margin-top: .3em;

			span
			{
				font: 1em/1.4 "Helvetica Neue", Helvetica, sans-serif;
				color:$gym-dark-grey;
			}
		}

		article
		{
			padding-bottom:3em;
			overflow:hidden;
		}
	}

	hr
	{
		height: 0;
    padding-top: 2.4em;
    border: 0;
    border-top: 1px dashed #ccc;
    margin: 1em -2.4em 0;
	}

	.sidebar h2, .course-overview h2
	{
		font: 900 1em/1.3 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
		color: #222;
		letter-spacing: .02em;
		word-spacing: .02em;
		text-transform: uppercase;
	}

	.sidebar
	{
		padding: 1.4em;
		box-sizing: border-box;
		overflow: hidden;

		h1
		{
			font: bold 1.4em/1.1 brandon-grotesque, "Helvetica Neue", Helvetica, sans-serif;
			text-transform: uppercase;
			letter-spacing: .03em;
		}

		section
		{
			border-top: 1px solid #ddd;
			margin-top: 1.8em;
		}

		p
		{
	    margin-top: .5em;
	    font-size: .96em;
		}
	}

	.sidebar p, .sidebar li, .sidebar dd, .course-overview p, .course-overview li {
    font: 1.15em/1.5 "Helvetica Neue", Helvetica, sans-serif;
    color: #444;
	}


	.join-gymnasium
	{
		background-color:$gym-medium-grey;
		padding:10px;

		p
		{
			color:white;
		}
		h1
		{
			color:$gym-orange;
			text-align:center;
			font-size:32px;
		}
	}
}

{'fraction_non_alphanumeric': 0.14622519969080133, 'fraction_numerical': 0.043545477969595466, 'mean_word_length': 2.3461206896551725, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '790990', 'n_tokens_mistral': 4125, 'n_tokens_neox': 3308, 'n_words': 622}