

@media screen and (min-width: 2000px) {
	html {
	  font-size: 95%; /* 18px (112.5% of 16px) */
	}
}/*/mediaquery*/

@media screen and (max-width: 2000px) {
	html {
	  font-size: 85%;
	}
}

@media screen and (max-width: 1460px) {
	html {
		font-size: 75%;
	  }
	  h1.large{
		font-size: 7rem;
	  }
}

@media screen and (max-width: 1000px) {	
	h1.large{
		font-size: 6rem;
		}
	#section-who-for svg.logotype2{
		width: 20rem;
	}


	footer form{
		display: block;

		label{
			margin-bottom: var(--spacing--s);
		}
		input{
			width: calc(100% - var(--spacing--s) - var(--spacing--s));
			margin-bottom: var(--spacing--m);
		}
		button{
			width: 100%;
			margin: 0;
		}
	}
	.two-column{
		grid-template-columns: 1fr;
	}
	#section-top .two-column{
		grid-template-columns: 1fr 1fr;
	}
}/*/mediaquery*/


@media screen and (max-width: 767px){
  html {
	font-size: 65%; /* 14px (87.5% of 16px) */
	  }
	h1.large{
	font-size: 5rem;
	}
	#team-bios .four-column{
		grid-template-columns: 1fr 1fr;
	}
	#section-who-for svg.logotype2{
		width: 15rem;
	}
	
	#section-who-for #who-for{
		flex-direction: column;
	}	
}/*/mediaquery*/

@media screen and (max-width: 620px){
	#bracket{
		font-size: 40rem;
	}
	ul#professions li{
		font-size: var(--font--size--m);
		line-height: 1.2;
	}

	#section-top .two-column{
		grid-template-columns: 1fr;
	}

	#section-top img{
		border-left: none;
		border-top: var(--border--thin);
		border-bottom: var(--border--thin);
	}
	.two-column, .three-column, .four-column, .five-column{
		grid-template-columns: 1fr;
	}
	.two-column.sidebar-right{
		grid-template-columns: 1fr;
		gap: var(--spacing--s);
	}
	#section-who-for .three-column{
		grid-template-columns: 1fr 1fr 1fr;
	}
	#team-bios .four-column{
		grid-template-columns: 1fr;
	}
	.sidebar-text{
		border-top: var(--border--thin);
		margin-top: -1rem;
	}
	section{
		padding: var(--spacing--2xl);
	}

	button{
		width: 100%;
	}

	input{
		width: 100%;
	}

	.calculator-inputs{
		flex-direction: column;
		text-align: center;
		gap: var(--spacing--s);
		align-items: center;
	}

	.result{
		text-align: center;
	}

	.math{
		text-align: center;
		top: auto;
	}

	label{
		flex-direction: row;
		text-align:center;
		align-items: center;
	}

	p.callout{
		font-size: var(--font--size--m-l);
	}

	.testimonial{
		flex-direction: column;
		width: 80%;
		text-align: center;
	}

	h1.large{
		font-size: var(--font--size--5xl);
		line-height: .9;
	}

	h1{
		font-size: var(--font--size--4xl);
		line-height: 1;
	}

	h1.circular{
		font-size: var(--font--size--xl);
	}

	#feature-list h3{
		font-size: var(--font--size--3xl);
	}

	h2{
		font-size: var(--font--size--l);
	}

	.padding-xl{
		padding: 0;
		img{
			border-radius: 0;
			border: none;
		}
	}

	.cta-container{
		margin-bottom: 0;
	}

	p.small{
		font-size:var(--font--size--m);
	}

	#team-bios{
		padding: var(--spacing--xl) 0 0;
	}

	#team-bios .photo{
		width: 80%;
		margin: 0 auto var(--spacing--xl);
	}

	h3{
		font-size:var(--font--size--xl);
	}

	footer .main-footer{
		display: block;
	}

	footer .message p{
		margin-bottom: var(--spacing--m);
	}
	footer input{
		width: 100%;
	}

	#faq {
		summary{
			font-size: var(--font--size--m-l);
			line-height: 1.4;
		}
		p{
			font-size: var(--font--size--m);
			margin-left: 0;
		}
	}

	header.site{
		grid-template-columns: 16rem 1fr;
	}

}

