/* ÍriszMisztik – kisebb asztali/tablet képernyők. */

@media screen and (max-width: 1680px) {

			html {
				font-size: 11pt;
			}

		}

@media screen and (max-width: 1280px) {

			html {
				font-size: 11pt;
			}

		}

@media screen and (max-width: 980px) {

			html {
				font-size: 12pt;
			}

		}

@media screen and (max-width: 980px) {

			.gallery > * {
				width: 100%;
			}

		}

@media screen and (max-width: 1280px) {

			.spotlight .inner {
				padding: 2.5rem;
			}

		}

@media screen and (max-width: 1024px) {

			.spotlight .inner {
				padding: 1.5rem;
			}

		}

@media screen and (max-width: 768px) {

			.spotlight {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				text-align: center;
			}

				.spotlight > * {
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
				}

				.spotlight > * {
					width: 100%;
				}

				.spotlight.alt {
					display: -moz-flex;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-moz-flex-wrap: wrap;
					-webkit-flex-wrap: wrap;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					-moz-align-items: center;
					-webkit-align-items: center;
					-ms-align-items: center;
					align-items: center;
					text-align: center;
				}

					.spotlight.alt > * {
						-moz-flex-shrink: 1;
						-webkit-flex-shrink: 1;
						-ms-flex-shrink: 1;
						flex-shrink: 1;
						-moz-flex-grow: 0;
						-webkit-flex-grow: 0;
						-ms-flex-grow: 0;
						flex-grow: 0;
					}

					.spotlight.alt .image {
						-moz-order: 0;
						-webkit-order: 0;
						-ms-order: 0;
						order: 0;
					}

		}

@media screen and (orientation: portrait) {

		body:after {
			background-image: url(/images/bg-ver.jpg);
			background: url(/images/bg-ver.jpg) top center no-repeat scroll;
		}

		#top_pic img {
			content: url("/images/iriszmisztik-ver.jpg");
		}

	}

@media screen and (max-width: 1280px) {

		body {
			padding-top: 4rem;
			background-attachment: scroll;
		}

	}

@media screen and (max-width: 768px) {

		#main .image {
			width: 100%;
			min-width: 100%;
			float: none;
			margin: 0 0 2rem 0;
		}

			#main .image img {
				width: 100%;
			}

	}

@media screen and (max-width: 980px) {

			.wrapper > header.special {
				padding: 1.5rem;
			}

		}

@media screen and (max-width: 1280px) {

			.wrapper.style1 .content {
				padding: 3rem;
			}

		}

@media screen and (max-width: 1280px) {

			.wrapper.style2 {
				padding: 4rem;
			}

		}