/*-- Media Queries --*/

.menu-wrapper,
#mobile-navigation,
.mobile {
	display:none;
}


@media (max-width: 1650px) {
	h2 br {
		display:none;
	}

	h2 .indent {
		display:none;
	}

	.container {
		width:100%;
		padding:120px 40px;
	}

	.logo {
		left:40px;
	}

	header .two-columns-photo-right .col:nth-child(1) .content {
		padding-left:40px;
	}

	header h1 {
		left:40px;
	}

	nav ul {
		padding-right:40px;
	}

	nav ul li a {
		padding:20px 18px;
	}

	nav ul li:nth-last-child(2) {
		margin-left:15px;
	}

	.two-columns {
		column-gap:80px;
	}

	.three-columns {
		column-gap:50px;
	}

	#meet-the-advisors .three-columns {
		grid-template-columns:repeat(3, 1fr);
	}

	.two-columns-photo-right .col:nth-child(1) .content {
		width:100%;
		float:none;
		padding:120px 60px 120px 40px;
	}

	#advisors .two-columns {
		display:flex;
  		column-gap:100px;
	}

	#advisors .two-columns .col:nth-child(1) {
		width:370px;
		flex-shrink:0; /* prevents it from shrinking */
	}

	#advisors .two-columns .col:nth-child(2) {
		flex:1; /* takes remaining space */
	}

	footer .two-columns {
  		display:flex;
  		column-gap:0;
	}

	footer .two-columns .col:nth-child(1) {
		width:370px;
		flex-shrink:0; /* prevents it from shrinking */
	}

	footer .two-columns .col:nth-child(2) {
		flex:1; /* takes remaining space */
		padding-top:70px;
	}

	footer .navigation {
		display:none;
	}

	#broker-check {
		right:40px;
	}
}


@media (max-width: 1400px) {
	header .two-columns-photo-right {
		display:block;
	}

	header .two-columns-photo-right .col {
		width:100%;
	}

	header .two-columns-photo-right .col:nth-child(1) .content {
		padding-top:145px;
	}

	header h1 {
		width:auto;
		position:relative;
		top:auto;
		left:auto;
		margin:0 0 40px 0;
	}

	header p {
		width:100%;
		margin:0 0 50px 0;
	}
}


@media (max-width: 1300px) {
	.menu-wrapper {
		position:absolute;
		top:60px;
		right:40px;
		width:auto;
		width:60px;
		height:60px;
		border:2px solid #13b5ea;
		border-radius:50%;
		display:flex;
		align-items:center;
		justify-content:center;
		cursor:pointer;
		z-index:999;
	}

	#nav-button {
		position:relative;
		transform:translateY(0);
		transition:all 0ms 200ms;
	}

	#nav-button span {
		width:30px;
		height:2px;
		display:block;
		background:rgba(250, 251, 240, 1);
	}

	#nav-button.active .line2 {
		background:rgba(250, 251, 240, 0); 
	}

	#nav-button .line1 {
		position:absolute;
		left:0;
		bottom:8px;
		transition:bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button .line3 {
		position:absolute;
		left:0;
		top:8px;
		transition:top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line3 {
		top:0;
		transform:rotate(45deg);
		transition:top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line1 {
		bottom:0;
		transform:rotate(-45deg);
		transition:bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	nav ul {
		width:auto;
		height:auto;
		display:block;
		text-align:left;
	}

	.navigation {
		width:500px;
		position:absolute;
		right:-500px;
		z-index:4;
		padding:50px 70px 0 70px;
		display:none;
	}

	#navigation-overlay {
		width:500px;
		height:100%;
		background:#ebebeb;
		position:fixed;
		right:-600px;
		z-index:3;
		display:none;
	}

	.navigation ul {
		list-style:none;
	}

	.navigation li {
		display:block;
		margin:0;
	}

	.navigation li a {
		font-size:25px;
		line-height:30px;
		font-family:"inter-tight-variable", sans-serif;
		font-variation-settings:"wght" 500;
		color:#003f5f;
		display:block;
		padding:20px 0;
	}

	nav ul li:nth-last-child(2),
	nav ul li:nth-last-child(1) {
		margin:20px 0 40px 0;
	}

	nav ul li:nth-last-child(2) a {
		color:#003f5f;
		font-variation-settings:"wght" 600;
	}

	nav ul li:nth-last-child(2) a,
	nav ul li:nth-last-child(1) a {
		font-size:18px;
		line-height:25px;
	}

	

	h2 {
		margin:0 0 40px 0;
	}

	.two-columns
	.two-columns-photo-right {
		display:grid;
		grid-template-columns:repeat(1, 1fr);
		row-gap:60px;
	}

	#intro .two-columns .col:nth-child(2).content {
		padding:0;
	}

	.photo img {
		width:100%;
		height:auto;
		position:relative;
		top:auto;
		left:auto;
		transform:translate(0, 0);
	}

	#who-we-work-with .three-columns,
	#meet-the-advisors .three-columns {
		grid-template-columns:repeat(2, 1fr);
        row-gap:60px;
	}

	#who-we-work-with .three-columns .col:nth-child(3),
	#meet-the-advisors .three-columns .col:nth-child(3) {
        grid-column: 1;
        justify-content:left;
    }

    #advisors .two-columns {
  		column-gap:70px;
	}

}

@media (max-width: 1200px) {
	.container {
		padding:100px 40px;
	}

	.two-columns,
	.two-columns-photo-right {
		display:grid;
		grid-template-columns:repeat(1, 1fr);
		row-gap:60px;
	}

	.two-columns-photo-right .col:nth-child(1) .content {
		padding:100px 40px;
	}

	.two-columns-photo-right .col:nth-child(2) {
		display:none;
	}

	.photo img {
		width:-webkit-calc(100% - 350px);
		width:-moz-calc(100% - 350px);
		width:calc(100% - 350px);
	}

	#meet-the-advisors img {
		width:-webkit-calc(100% - 80px);
		width:-moz-calc(100% - 80px);
		width:calc(100% - 80px);
		margin:0 auto;
	}

	header h1 br,
	header h1 .indent {
		display:none;
	}

	#intro .two-columns .col:nth-child(1) h2 {
		margin:0;
	}

	.two-columns .content {
		padding:0;
	}

	#advisors .two-columns {
  		column-gap:60px;
	}

	#advisors .two-columns .col:nth-child(1) {
		width:300px;
	}

	footer .two-columns .col:nth-child(1) {
		width:330px;
	}
}

@media (max-width: 1000px) {
	h1 {
		font-size:80px;
		line-height:85px;
	}

	h2 {
		font-size:60px;
		line-height:65px;
	}

	h3 {
		font-size:45px;
		line-height:52px;
	}

	p {
		font-size:18px;
		line-height:25px;
	}

	header p {
		font-size:26px;
		line-height:36px;
	}

	.container {
		padding:90px 25px;
	}

	.button {
		font-size:14px;
		line-height:23px;
		padding:12px 30px;
		margin:0;
	}

	.logo {
		top:20px;
		left:25px;
	}

	.menu-wrapper {
		right:25px;
	}

	header .two-columns-photo-right .col:nth-child(1) .content {
		padding-top:135px;
		padding-left:25px;
		padding-right:25px;
	}

	.photo img {
		width:-webkit-calc(100% - 150px);
		width:-moz-calc(100% - 150px);
		width:calc(100% - 150px);
	}

	#who-we-work-with .three-columns,
	#meet-the-advisors .three-columns {
		grid-template-columns:repeat(1, 1fr);
        row-gap:60px;
	}

	#who-we-work-with .three-columns p:nth-child(1) {
		margin:0 0 25px 0;
	}

	#advisors .two-columns {
		display:block;
		margin:0 0 100px 0;
	}

	#advisors .two-columns .col:nth-child(1) {
		margin:0 0 50px 0;
	}

	footer .container {
		padding-top:60px;
		padding-bottom:60px;
	}

	footer .two-columns {
		display:block;
	}

	footer .two-columns .col:nth-child(1) {
		width:100%;
		text-align:center;
	}

	footer .two-columns .col:nth-child(2) {
		width:100%;
	}

	footer .logo {
		margin:0 auto 30px auto;
	}

	#broker-check {
		width:160px;
		position:relative;
		top:auto;
		right:auto;
		margin:0 auto 20px auto;
	}
}


@media (max-width: 700px) {
	h1 {
		font-size:70px;
		line-height:75px;
	}

	h2 {
        font-size:55px;
        line-height:60px;
    }

	h3 {
		font-size:40px;
        line-height:47px;
	}

	.logo {
		width:125px;
	}

	header .two-columns-photo-right .col:nth-child(1) .content {
		padding-top:105px;
	}

	header p {
		font-size:24px;
		line-height:34px;
	}

	#intro .two-columns .col:nth-child(1) h2 {
		font-size:42px;
		line-height:50px;
	}
}


@media (max-width: 500px) {
	h1 {
		font-size:60px;
        line-height:65px;
	}

	h2 {
        font-size:45px;
        line-height:50px;
    }

    h3 {
        font-size:35px;
        line-height:42px;
    }

	header p {
		font-size:22px;
        line-height:32px;
	}

	#intro .two-columns .col:nth-child(1) h2 {
		font-size:38px;
        line-height:45px;
	}

	.photo img {
		width:100%;
	}

	#advisors .two-columns .col:nth-child(1) {
		width:100%;
	}

	#advisors h3 {
		font-size:24px;
		line-height:30px;
	}

	#navigation-overlay {
		width:100%;
	}

	.navigation {
		width:100%;
		padding:50px 30px 0 30px;
	}

	.navigation li a {
		padding:15px 0;
	}
}


@media (max-width: 400px) {
	h1 {
		font-size:55px;
        line-height:60px;
	}

	h2 {
        font-size:40px;
        line-height:45px;
    }

    h3 {
        font-size:30px;
        line-height:36px;
    }

	#intro .two-columns .col:nth-child(1) h2 {
		font-size:34px;
        line-height:40px;
	}
}