@media screen {
	.logo {
		margin: auto;
		border-radius: 5px;
	}
	.image_main {
		width: 100%;
		height: 56.25%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.image_big {
		width: 90%;
		height: 50.625%;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.image_medium {
		width: 50%;
		height: 28.125%;
	}
	.block {
		margin: 0 auto 100px auto;
		display: flex;
		flex-wrap: wrap;
		width: calc(90% + 20px);
	}
	.lrnzttl_box {
		background-color: #222;
		border-radius: 5px;
		padding: 20px;
	}
	.lrnzttl_box_title {
		font-family: 'Quicksand', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 26pt;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		margin: 25px 0;
		color: #6EC038;
	}
	.lrnzttl_box_subtitle {
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
		font-weight: 100;
		font-size: 18pt;
		width: 100%;
		margin: 15px 0 5px 0;
		color: #6EC038;
	}
	.lrnzttl_box_subpoints {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 12pt;
		width: 100%;
		color: #6EC038;
	}
	.lrnzttl_box_link {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 19px;
		text-align: center;
		text-decoration: none;
		display: block;
		width: calc(100% - 20px);
		margin: 15px 0;
		padding: 8px;
		color: #6EC038;
		border-style: solid;
		border-width: 2px;
		border-color: #6EC038;
		border-radius: 5px;
		cursor: pointer;
		transition: 0.35s ease-out;
	}
	.lrnzttl_box_link:hover,
	.lrnzttl_box_link:focus {
		border-color: #6EC038;
		background-color: #6EC038;
		color: #000;
	}
	.lrnzttl_box_preview {
		margin: 0 0 30px;
	}
	.lrnzttl_box_extras {
		margin: 0;
	}
	.lrnzttl_box_image {
		border-radius: 5px;
		width: 88px;
		height: 125px;
		margin-right: 5px; 
	}
	.lrnzttl_box_image:last-child {
		margin-right: 0; 
	}
	.lrnzttl_download_preview {
		width: 300px;
		height: 424px;
		border-radius: 5px;
	}
	.form_link_button {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 19px;
		text-align: center;
		text-decoration: none;
		display: block;
		width: calc(90% - 20px);
		margin: 15px 0;
		padding: 10px;
		color: #6EC038;
		border-style: solid;
		border-width: 2px;
		border-color: #6EC038;
		border-radius: 5px;
		cursor: pointer;
		transition: 0.35s ease-out;
	}
	.form_link_button:hover,
	.form_link_button:focus {
		border-color: #6EC038;
		background-color: #6EC038;
		color: #000;
	}
	select[disabled] {
		opacity: 0.5;
		cursor: default;
	}
	select[disabled]:hover,
	select[disabled]:focus {
		border: 2px solid #6EC038;
		background-color: #6EC038;
		color: #000000;
	}
	:-moz-ui-invalid {
		box-shadow: none;
	}
	.form_field_container ::placeholder {
		font-size: 65%;
		
	}
}
@media screen and (min-width: 1px) and (max-width: 320px) {
	.logo {
		width: 250px;
		height: 250px;
	}
	.lrnzttl_box {
		margin: 20px 10px;
		width: calc(100% - 60px);
	}
}
@media screen and (min-width: 321px) and (max-width: 767px) {
	.logo {
		width: 70%;
		height: 70%;
	}
	.lrnzttl_box {
		margin: 20px 10px;
		width: calc(100% - 60px);
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.logo {
		width: 35%;
		height: 35%;
	}
	.lrnzttl_box {
		width: calc(50% - 60px);
		margin: 10px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1823px) {
	.logo {
		width: 50%;
		height: 50%;
	}
	.lrnzttl_box {
		width: calc(33.33333% - 60px);
		margin: 10px;
	}
}
@media screen and (min-width: 1824px) {
	.logo {
		width: 80%;
		height: 80%;
	}
	.lrnzttl_box {
		width: calc(25% - 60px);
		margin: 10px;
	}
}
@media print {
	.logo {
		width: 50%;
		height: 50%;
		margin: auto;
		border-radius: 5px;
	}
	.image_main {
		width: 100%;
		height: 56.25%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.image_big {
		width: 90%;
		height: 50.625%;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.image_medium {
		width: 50%;
		height: 28.125%;
	}
	.block {
		margin: 0 auto 100px auto;
		display: flex;
		flex-wrap: wrap;
		width: calc(90% + 20px);
	}
	.lrnzttl_box {
		background-color: #222;
		border-radius: 5px;
		padding: 20px;
		width: calc(50% - 60px);
		margin: 10px;
		page-break-inside: avoid;
	}
	.lrnzttl_box_title {
		font-family: 'Quicksand', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 28pt;
		text-align: center;
		text-transform: uppercase;
		width: 100%;
		margin: 25px 0;
		color: #6EC038;
	}
	.lrnzttl_box_subtitle {
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, sans-serif;
		font-weight: 100;
		font-size: 20pt;
		width: 100%;
		margin: 15px 0 5px 0;
		color: #6EC038;
	}
	.lrnzttl_box_subpoints {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		width: 100%;
		color: #6EC038;
	}
	.lrnzttl_box_link {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 19px;
		text-align: center;
		text-decoration: none;
		display: block;
		width: calc(100% - 20px);
		margin: 15px 0;
		padding: 8px;
		color: #6EC038;
		border-style: solid;
		border-width: 2px;
		border-color: #6EC038;
		border-radius: 5px;
		cursor: pointer;
		transition: 0.35s ease-out;
	}
	.lrnzttl_box_preview {
		margin: 0 0 30px;
	}
	.lrnzttl_box_extras {
		margin: 0;
	}
	.lrnzttl_box_image {
		border-radius: 5px;
		width: 88px;
		height: 125px;
		margin-right: 5px; 
	}
	.lrnzttl_box_image:last-child {
		margin-right: 0; 
	}
	.lrnzttl_download_preview {
		width: 300px;
		height: 424px;
		border-radius: 5px;
	}
	.form_link_button {
		font-family: 'Nunito', 'Helvetica Neue', Helvetica, sans-serif;
		font-size: 19px;
		text-align: center;
		text-decoration: none;
		display: block;
		width: calc(90% - 20px);
		margin: 15px 0;
		padding: 10px;
		color: #6EC038;
		border-style: solid;
		border-width: 2px;
		border-color: #6EC038;
		border-radius: 5px;
	}
	select[disabled] {
		opacity: 0.5;
		cursor: default;
	}
	select[disabled]:hover,
	select[disabled]:focus {
		border: 2px solid #6EC038;
		background-color: #6EC038;
		color: #000000;
	}
	:-moz-ui-invalid {
		box-shadow: none;
	}
	.form_field_container ::placeholder {
		font-size: 65%;
	}
}