@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/* Below 1200px                                                                  */
/*********************************************************************************/
@media (max-width: 1200px) {
	.wrapper {
		margin: 0 1%;
		width: 98%;
	}

	#topmenu {
		display:none;
	}
	.navbutton {
		display: inline;
	}
	.flexwrap .flexblock {
		width: 31%;
	}
}
/*********************************************************************************/
/* Below 960px                                                                  */
/*********************************************************************************/
@media (max-width: 960px) {


	.flexwrap .flexblock .contentblock.contenthead p.price .large {
		font-size: 3rem;
	}
	.flexwrap .flexblock .contentblock.contenthead p.price .small {
		font-size: 1.25rem;
		top: -20px;
	}
	.flexwrap .flexblock {
		width: 48%;
	}
	.featurewrap .feature .image {
		width: 40%;
	}
	.featurewrap .feature .text {
		width: 55%;
	}
	.featurewrap .featuremore .close {
		width: 98%;
		margin: 0 1% 2rem 1%;
		font-size: 1rem;
	}
	.featurewrap .featuremore .header {
		width: 100%;
		margin: 0;
	}
	.promowrap .split50 .image,
	.promowrap .split50 .text {
		width: 100%;
	}
	.promowrap .split50 .text.alignleft p {
		text-align: center;
	}

}

@media (max-width: 850px) {


	.featurewrap .featuremore .content .image {
		width: 100%;
		margin: 1rem 0;
	}
	.featurewrap .featuremore .content .text {
		width: 100%;
		margin: 1rem 0;
	}


}
/*********************************************************************************/
/* Below 600px                                                                  */
/*********************************************************************************/
@media (max-width: 600px) {
	.wrapper {
		margin: 0 3%;
		width: 94%;
	}
	#topheader {
		height: 140px;
	}
	#toplogo {
		width: 100%;
		margin: 10px 0;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	#topauth {
		float: left;
		width: 100%;
		text-align: center;
		margin: 15px 0 0 0;
	}
	.navbutton a {
		font-size: 30px;
		margin: 10px 10px 0 0;
	}
	#topregister,
	#toplogin {
		display: none;
	}
	.herowrap {
		height: 400px;
		padding-top: 20vh;
	}
	.contentherowrap {
		height: 300px;
		padding-top: 20vh;
	}
	.herowrap h1,
	.contentherowrap h1 {
		font-size: 1.75rem;
	}
	.promowrap h2 {
		font-size: 1.5rem;
		line-height: 150%;
	}
	.herowrap p,
	.promowrap h3 {
		font-size: 1.25rem;
	}
	.promowrap .features li {
		font-size: 1.25rem;
	}
	.promowrap .features li .small {
		font-size: 1.125rem;
	}
	.promowrap p {
		font-size: 1.125rem;
	}
	.flexwrap .flexblock {
		width: 98%;
	}
	.flexwrap .flexblock .contentblock.contenthead {
		height: auto;
	}

	.featurewrap .feature .image {
		width: 100%;
		margin: 1rem 0;
	}
	.featurewrap .feature .text {
		width: 100%;
	}
	.featurewrap .feature .text p.readmore {
		text-align: center;;
	}

}