/* ÍriszMisztik – mobilnézetek. */

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

		html, body {
			min-width: 320px;
		}

	}

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

			html {
				font-size: 12pt;
			}

		}

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

			html {
				font-size: 12pt;
			}

		}

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

			input[type="submit"], input[type="reset"], input[type="button"], button {
				padding: 0;
				width: 100%;
			}

		}

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

			.spotlight .inner {
				padding: 1.5rem;
			}

		}

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

		body {
			padding-top: 2rem;
		}

		#header > .logo {
			margin: 0 0 1.5rem 0;
			font-size: 3rem;
		}

			#header > .logo a {
				font-size: 3rem;
			}

			#header > .logo span {
				font-size: 1.1rem;
				line-height: 1.5rem;
			}

	}

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

		#header > .logo {
			font-size: 2.5rem;
		}

			#header > .logo a {
				font-size: 2.5rem;
			}

			#header > .logo span {
				font-size: 1rem;
				line-height: 1.25rem;
			}
	}

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

		#main > .inner {
			max-width: 95%;
		}

	}

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

			.wrapper > header {
				padding: 1.5rem;
			}

				.wrapper > header h2 {
					font-size: 1.75rem;
				}

					.wrapper > header h2:after {
						width: 50%;
					}

			.wrapper > header p, .wrapper > header h3 {
				font-size: .675rem;
				letter-spacing: .1rem;
				margin: 0 0 0.5rem;
			}
		}

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

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

		}

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

			.wrapper.style2 {
				padding: 2rem;
			}

		}

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

			#footer .contact {
				font-size: 1.2rem;
			}
			#footer .row1 {
				display: none;
			}
			#footer .row2 {
				display: inline;
			}

		}

/* Kapcsolatfelvételi űrlap – mobil */

/* Áthelyezett reszponzív szabályok */
@media (max-width: 600px) {
		body { padding: 14px 10px; }
		.fields { grid-template-columns: 1fr; gap: 14px; }
		.field.full { grid-column: auto; }
		.numeroscope-cta a {	width: 100%;	}
	}
