/* Media queries */

@media(min-width: 990px) and (max-width: 1199px) {
	.wrapper {
		width: 970px;
	}

	.top-section .slogan-wrapper a:link,
	.top-section .slogan-wrapper a:visited {
		margin-top: 60px;
		font-size: 54px; line-height: 52px;
	}

	.promo-text-section {
		font-size: 40px;
	}


}

@media(min-width: 768px) and (max-width: 989px) {
	.wrapper {
		width: 750px;
	}

	.top-section .slogan-wrapper a:link,
	.top-section .slogan-wrapper a:visited {
		margin-top: 75px;
		font-size: 34px; line-height: 34px;
	}

	.top-section .button-wrapper a:link,
	.top-section .button-wrapper a:visited {
		height: 45px;
		padding-right: 50px; padding-left: 5px;
		font-size: 24px; line-height: 45px;
	}

	.top-section .button-wrapper a:before {
		width: 45px; height: 45px;
		position: absolute; right: 0; top: 0;
		background-size: 60%;
	}

	.promo-text-section {
		font-size: 30px;
	}

	.promo-middle-section .slogan-wrapper,
	.promo-bottom-section .slogan-wrapper {
		font-size: 52px; line-height: 50px;
	}

	.promo-middle-section .button-wrapper a:link,
	.promo-middle-section .button-wrapper a:visited,
	.promo-bottom-section .button-wrapper a:link,
	.promo-bottom-section .button-wrapper a:visited {
		height: 80px;
		padding-right: 100px; padding-left: 20px;
		font-size: 58px; line-height: 80px;
	}

	.promo-middle-section .button-wrapper a:before,
	.promo-bottom-section .button-wrapper a:before {
		width: 80px; height: 80px;
		background-size: 60%;
	}

}

@media(min-width: 480px) and (max-width: 767px) {
	.wrapper {
		width: 460px;
	}

	.top-section .logo-wrapper {
		width: 220px; height: 320px;
	}

	.top-section .logo-wrapper .logo-holder {
		display: block;
		margin-top: 70px;
	}

	.top-section .logo-wrapper .points {
		display: none;
	}

	.top-section .promo-wrapper {
		width: calc(100% - 220px);
	}

	.top-section .slogan-wrapper a:link,
	.top-section .slogan-wrapper a:visited {
		margin-top: 100px;
		font-size: 30px; line-height: 30px;
	}

	.top-section .button-wrapper a:link,
	.top-section .button-wrapper a:visited {
		height: 45px;
		padding-right: 5px; padding-left: 5px;
		font-size: 24px; line-height: 45px;
	}

	.top-section .button-wrapper a:before {
		display: none;
	}

	.promo-text-section {
		padding: 10px 0;
		font-size: 30px; line-height: 1.4em;
	}

	.promo-middle-section .slogan-wrapper,
	.promo-bottom-section .slogan-wrapper {
		font-size: 46px; line-height: 42px;
	}

	.promo-middle-section .button-wrapper a:link,
	.promo-middle-section .button-wrapper a:visited,
	.promo-bottom-section .button-wrapper a:link,
	.promo-bottom-section .button-wrapper a:visited {
		height: 60px;
		padding-right: 70px; padding-left: 10px;
		font-size: 40px; line-height: 60px;
	}

	.promo-middle-section .button-wrapper a:before,
	.promo-bottom-section .button-wrapper a:before {
		width: 60px; height: 60px;
		background-size: 60%;
	}

	.site-footer .links-2257 {
		width: 100%;
		text-align: center;
	}

	.site-footer .links-tech {
		width: 100%;
		margin-top: 4px;
		text-align: center;
	}

	.content-thumbs-large,
	.content-thumbs-regular {
		width: 100%;
	}
}

@media(max-width: 479px) {
	.wrapper {
		width: 300px;
	}

	.top-section .logo-wrapper {
		width: 100%; height: auto;
	}

	.top-section .logo-wrapper .logo-holder {
		display: block;
		margin: 15px 0;
	}

	.top-section .logo-wrapper .points {
		display: none;
	}

	.top-section .promo-wrapper {
		width: 100%;
		padding-bottom: 30px;
	}

	.top-section .slogan-wrapper a:link,
	.top-section .slogan-wrapper a:visited {
		margin-top: 30px;
		font-size: 30px; line-height: 30px;
	}

	.top-section .button-wrapper a:link,
	.top-section .button-wrapper a:visited {
		height: 45px;
		padding-right: 5px; padding-left: 5px;
		font-size: 24px; line-height: 45px;
	}

	.top-section .button-wrapper a:before {
		display: none;
	}

	.promo-text-section {
		padding: 10px 0;
		font-size: 30px; line-height: 1.3em;
	}

	.promo-middle-section .slogan-wrapper,
	.promo-bottom-section .slogan-wrapper {
		font-size: 40px; line-height: 38px;
	}

	.promo-middle-section .button-wrapper a:link,
	.promo-middle-section .button-wrapper a:visited,
	.promo-bottom-section .button-wrapper a:link,
	.promo-bottom-section .button-wrapper a:visited {
		height: 60px;
		padding-right: 10px; padding-left: 10px;
		font-size: 34px; line-height: 60px;
	}

	.promo-middle-section .button-wrapper a:before,
	.promo-bottom-section .button-wrapper a:before {
		display: none;
	}

	.site-footer .links-2257 {
		width: 100%;
		text-align: center;
	}

	.site-footer .links-tech {
		width: 100%;
		margin-top: 4px;
		text-align: center;
	}

	.content-thumbs-large,
	.content-thumbs-regular {
		width: 100%;
	}
}

