/*Dictionary page
*/

@media (max-width: 500px) {
	a.glossary-link {
		display: none;
	}
}

@media (max-width: 500px) {
	.d-column1 {
		display: none;
	}
}

@media (min-width: 501px) {
	.dropdown {
		display: none;
	}
}


@media (max-width: 500px) {

	@media (max-height: 600px) {

		.dropbtn {
			background-color: #0082c9;
			color: #000;
			padding: 16px;
			font-size: 20px;
			font-family: "europa",sans-serif;
			font-style: normal;
			font-weight: 700;
			text-transform: capitalize;
			letter-spacing: 2px;
			border: none;
			cursor: pointer;
			width: 83%;
			margin-right: 7%;
			margin-left: 7%;
		}

		/* Dropdown button on hover & focus */
		.dropbtn:hover, .dropbtn:focus {
			background-color: #3e8e41;
			outline: none;
		}

		/* The container <div> - needed to position the dropdown content */
		.dropdown {
			position: fixed;
			display: inline-block;
			top: 80px;
			margin: auto;
			z-index: 700;
			width: 100%;
			transition: all 150ms ease-in-out;
		}


		/* Dropdown Content (Hidden by Default) */
		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #0082c9;
			width: 83%;
			margin-right: 7%;
			margin-left: 7%;
			padding-bottom: 10px;
			margin-top: -3px;
			transition: all 150ms ease-in-out;
		}


		/* Links inside the dropdown */
		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
			font-size: 12px;
			font-family: "europa",sans-serif;
			font-style: normal;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 3px;
			line-height: 9px;
			text-align: center;
			transition: all 150ms ease-in-out;
		}

		.dropdown-content a.active {
			color: #ffd400;
		}

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {color: #ffd400}


		/* Change the background color of the dropdown button when the dropdown content is shown */
		.dropdown:hover .dropbtn {
			background-color: #0082c9;
		}

		.show {
			display:block;
		}
	}

	@media (min-height: 601px) {

		.dropbtn {
			background-color: #0082c9;
			color: #000;
			padding: 16px;
			font-size: 24px;
			font-family: "europa",sans-serif;
			font-style: normal;
			font-weight: 700;
			text-transform: capitalize;
			letter-spacing: 2px;
			border: none;
			cursor: pointer;
			width: 83%;
			margin-right: 7%;
			margin-left: 7%;
		}

		/* Dropdown button on hover & focus */
		.dropbtn:hover, .dropbtn:focus {
			background-color: #3e8e41;
			outline: none;
		}

		/* The container <div> - needed to position the dropdown content */
		.dropdown {
			position: fixed;
			display: inline-block;
			top: 100px;
			margin: auto;
			z-index: 700;
			width: 100%;
			transition: all 150ms ease-in-out;
		}


		/* Dropdown Content (Hidden by Default) */
		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #0082c9;
			width: 83%;
			margin-right: 7%;
			margin-left: 7%;
			padding-bottom: 10px;
			margin-top: -3px;
			transition: all 150ms ease-in-out;
		}


		/* Links inside the dropdown */
		.dropdown-content a {
			color: black;
			padding: 12px 16px;
			text-decoration: none;
			display: block;
			font-size: 14px;
			font-family: "europa",sans-serif;
			font-style: normal;
			font-weight: 600;
			text-transform: uppercase;
			letter-spacing: 3px;
			line-height: 20px;
			text-align: center;
			transition: all 150ms ease-in-out;
		}

		.dropdown-content a.active {
			color: #ffd400;
		}

		/* Change color of dropdown links on hover */
		.dropdown-content a:hover {color: #ffd400}


		/* Change the background color of the dropdown button when the dropdown content is shown */
		.dropdown:hover .dropbtn {
			background-color: #0082c9;
		}

		.show {
			display:block;
		}
	}
}

@media (min-width: 501px) {
	.d-column1 {
		float: left;
		width: 140px;
		margin-top: 12vh;
		padding-right: 10px;
		padding-left: 50px;
		padding-bottom: 30px;
		position: fixed;
		z-index: 600;
		height: auto;
		border-right: 3px solid #000;
	}
}

@media (min-width: 1001px) {
	.d-column1 {
		float: left;
		width: 140px;
		margin-top: 12vh;
		padding-right: 55px;
		padding-left: 50px;
		padding-bottom: 30px;
		position: fixed;
		z-index: 600;
		height: auto;
		border-right: 5px solid #000;
	}
}

@media (min-width: 1851px) {
	.d-column1 {
		float: left;
		width: 140px;
		margin-top: 12vh;
		padding-right: 75px;
		padding-left: 100px;
		padding-bottom: 80px;
		position: fixed;
		z-index: 600;
		height: auto;
		border-right: 7px solid #000;
	}
}

@media (max-height: 600px){
	.d-column2 {
		margin-top: 170px;
	}
}

@media (min-height: 601px){
	.d-column2 {
		margin-top: 200px;
	}
}


@media (max-width: 500px){
	.d-column2 {
		float: left;
		width: 140px;
		padding-right: 50px;
		padding-left: 25px;
		position: fixed;
		z-index: 600;
	}
}

@media (min-width: 501px) {
	.d-column2 {
		float: left;
		width: 140px;
		margin-top: 12vh;
		padding-right: 50px;
		padding-left: 25px;
		position: fixed;
		z-index: 600;
	}
}


@media (min-width: 1001px) {
	.d-column2 {
		float: left;
		width: 140px;
		margin-top: 8vh;
		padding-right: 50px;
		padding-left: 55px;
		position: fixed;
		z-index: 600;
		height: auto;
	}
}

@media (min-width: 1851px) {
	.d-column2 {
		float: left;
		margin-top: 7vh;
		padding-left: 120px;
		position: fixed;
		z-index: 600;
		height: auto;
	}
}

.glossary {
	float: left;
	padding-top: 0px;
	padding-bottom: 5px;
}

@media (max-width: 500px) {
	#capitalism {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#capitalism {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#capitalism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#capitalism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#capitalism {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#communism {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#communism {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#communism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#communism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#communism {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}


@media (max-width: 500px) {
	#democracy {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#democracy {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#democracy {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#democracy {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#democracy {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}


@media (max-width: 500px) {
	#democratic-socialism {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}

@media (min-width: 501px) {
	#democratic-socialism {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#democratic-socialism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#democratic-socialism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#democratic-socialism {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#marxism {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#marxism {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#marxism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#marxism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#marxism {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#public-property {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#public-property {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#public-property {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#public-property {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#public-property {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#private-property {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#private-property {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#private-property {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#private-property {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#private-property {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	#socialism {
		float: left;
		width: 90%;
		padding-left: 0px;
		padding-bottom: 80px;
		margin-left: 0px;
		position: fixed;
		height: 55vh;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
		margin-top: -30px;
	}
}


@media (min-width: 501px) {
	#socialism {
		float: left;
		width: 50%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 701px) {
	#socialism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 150px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1001px) {
	#socialism {
		float: left;
		width: 60%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: -30px;
	}
}

@media (min-width: 1601px) {
	#socialism {
		float: left;
		width: 65%;
		padding-left: 60px;
		margin-left: 200px;
		position: fixed;
		height: auto;
		margin-top: 0;
	}
}

@media (max-width: 500px) {
	.titleBoxSmallGloss {
		display: none;
	}
}

@media (min-width: 501px) {
	.titleBoxSmallGloss {
		display: none;
	}
}
@media (min-width: 1251px) {
	.titleBoxSmallGloss {
		position: fixed;
		top: 0;
		background-color: #ffd400;
		height: 50px;
		width: 225px;
		-webkit-box-shadow: -1px -1px 25px -2px rgba(0,0,0,0.25);
		-moz-box-shadow: -1px -1px 25px -2px rgba(0,0,0,0.25);
		box-shadow: -1px -1px 25px -2px rgba(0,0,0,0.25);
		display: block;
		z-index: 2000;
	}
}



h1.mythsTitleSmall {
	font-size: 14px;
	margin-top: -8px;
	margin-left: 0px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

@media (min-width: 1251px) {
	.wrapper {
		width: auto;
		height: auto;
		display: none;
		margin-left: 2%;
		margin-top: 2%;
		position: absolute;
	}
}

@media (max-width: 1250px) {
	.wrapper {
		width: auto;
		height: auto;
		display: none;
		margin-left: 0;
		margin-top: 1%;
		position: absolute;
	}
}

.hidden {
	display: none;
}