/*-- Media Queries --*/

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


@media (max-width: 1550px) {
	.container {
		width:100%;
		padding-right:40px;
		padding-left:40px;
		margin:0;
	}

	nav .container {
		padding-right:40px;
		padding-left:40px;
	}

	nav ul li a {
		padding-left:15px;
		padding-right:15px;
	}

	.logo {
		left:40px;
	}

	.headline-copy {
		left:40px;
	}

	.quote {
		right:40px;
	}

	.three-columns {
		display:flex;
		flex-wrap:wrap;
		column-gap:0;
		justify-content:space-between;
	}

	.three-columns .col {
		width:30%;
	}

	#why-work-with-us.container {
		width:1000px;
		padding-right:40px;
	}

	.why-work-with-us-photo {
		width:1300px;
		right:-800px;
	}

	.highschool-player {
	    width:450px;
	    right:-480px;
	}
}


@media (max-width: 1450px) {
	.inner-two-columns {
		display:block;
	}

	.inner-two-columns .inner-col {
		padding:0;
	}

	#team .inner-two-columns .inner-col:nth-child(1),
	#team .inner-two-columns .inner-col:nth-child(2) {
		width:100%;
	}

	#team .inner-two-columns .inner-col:nth-child(1) {
		margin-bottom:40px;
	}
}


@media (max-width: 1350px) {
	header {
		background-position:top left -600px;
	}

	#about-us {
		background:#0e3fb5 url(../images/about-us-background.jpg) no-repeat top right -340px;
	}

	#about-us .container {
		padding-left:40px;
	}

	.quote {
		width:320px;
		top:auto;
		bottom:70px;
	}

	.three-columns {
		justify-content:space-between;
	}

	.three-columns .col {
		width:46%;
		margin:0 0 40px 0;
	}

	.why-work-with-us-photo {
        width:1200px;
        right:-650px;
    }

	.highschool-player {
		width:400px;
		right:-420px;
    }
}


@media (max-width: 1300px) {
	#why-work-with-us.container {
		width:100%;
	}

	.why-work-with-us-photo {
		width:1100px;
		right:-350px;
	}

	.highschool-player {
		display:none;
	}
}

@media (max-width: 1250px) {
	nav ul {
		display:none;
	}

	.quote {
		display:none;
	}

	.basketball-player {
		left:250px;
	}
}


@media (max-width: 1200px) {
	#team .two-columns .col:nth-child(1) {
		width:400px;
	}

	#team .two-columns .col:nth-child(1) img {
		width:455px;
    margin-left:-64px;
    margin-top:	-40px;
	}

	#team .two-columns .col:nth-child(2) {
		width:-webkit-calc(100% - 400px);
		width:-moz-calc(100% - 400px);
		width:calc(100% - 400px);
	}
}


@media (max-width: 1100px) {
	h3 {
		font-size:45px;
		line-height:45px;
	}

	#what-we-do .intro p {
		width:100%;
		padding:0;
	}

	.why-work-with-us-photo {
		left:50%;
		right:auto;
		transform:translateX(-50%);
	}

	#team .container {
		padding-top:50px;
	}

	#team .two-columns .col:nth-child(1),
	#team .two-columns .col:nth-child(2) {
		width:100%;
		padding:0;
	}

	#team .two-columns .col:nth-child(1) img {
		margin:0 auto;
	}

}


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

	h2 {
		font-size:80px;
		line-height:80px;
	}

	h2 span {
		padding:0;
	}

	h2 br {
		display:none;
	}

	.container {
		padding-top:110px;
		padding-bottom:110px;
	}

	.two-columns {
		display:block;
	}

	.two-columns .col {
		width:100%;
		padding:0;
	}

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

	header {
		height:1030px;
	}

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

	.headline-copy {
		top:200px;
	}

	.basketball-player {
		width:600px;
		top:65px;
		left:220px;
	}

	.circle {
		width:770px;
		left:310px;
	}

	#about-us .container {
		padding-top:110px;
	}

	#why-work-with-us p {
		width:100%;
		padding:0;
	}
}


@media (max-width: 850px) {
	h2 {
		font-size:70px;
		line-height:70px;
    }

    h3 {
    	font-size:38px;
    	line-height:38px;
    }

    p {
    	font-size:17px;
    	line-height:23px;
    }

	.logo {
		left:25px;
	}

	.container {
		padding-left:25px;
		padding-right:25px;
	}

	nav .container {
		padding-left:25px;
		padding-right:25px;
	}

	.basketball-player {
		left:160px;
	}

	.headline-copy {
		left:25px;
	}

	#about-us .container {
		padding-left:25px;
		padding-right:25px;
	}

	.three-columns .col {
		width:100%;
		margin:0 0 50px 0;
	}

	#what-we-do .intro p {
		font-size:18px;
		line-height:26px;
	}

	#why-work-with-us.container {
		padding-right:25px;
	}

	#why-work-with-us .accordion-content p {
		font-size:18px;
		line-height:26px;
	}
}


@media (max-width: 800px) {
	h1 {
        font-size:130px;
        line-height:110px;
    }

    header {
    	height:900px;
    }

    .circle {
        width:640px;
        left:300px;
    }

    .basketball-player {
    	width:540px;
        top:55px;
        left:auto;
        right:25px;
    }
}


@media (max-width: 650px) {
	h2 {
		font-size:60px;
        line-height:60px;
	}

	h3 {
		font-size:32px;
        line-height:32px;
        margin-bottom:20px;
	}

	.container {
		padding-top:90px;
		padding-bottom:90px;
	}

	nav .container {
		height:100px;
	}

	.logo {
		display:none;
	}

	.logo-mobile {
		width:225px;
		display:block;
		position:absolute;
		top:50%;
		left:25px;
		transform:translateY(-50%);
		z-index:1;
	}

	.headline-copy {
		top:170px;
	}

	#about-us .container {
		padding-top:90px;
	}

	#what-we-do .intro {
		margin-bottom:80px;
	}

	.why-work-with-us-photo {
		width:900px;
	}

	#why-work-with-us.container {
		padding-right:20px;
	}

	.accordion-header {
		padding:20px 20px 20px 85px
	}

	.accordion-header span {
		width:40px;
		height:40px;
		left:20px;
		margin-top:-20px;
	}

	.accordion-header span svg {
		width:20px;
		height:11px;
		margin:-5px 0 0 -10px;
	}

	.accordion-content .content {
		padding:0 20px 40px 20px;
	}
}


@media (max-width: 550px) {
	.container {
		padding-left:20px;
		padding-right:20px;
	}

	header {
		height:820px;
	}

	.headline-copy {
		left:20px;
	}

	h1 {
        font-size:110px;
        line-height:90px;
    }

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

    .basketball-player {
    	width:500px;
    	right:20px;
    }

    .circle {
    	display:none;
    }

	#about-us .container {
        padding-left:20px;
        padding-right:20px;
    }

    footer .social {
		position:relative;
		top:auto;
		left:auto;
		text-align:center;
		margin:0 0 10px 0;
    }

    footer p {
    	text-align:center;
    }
}


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

     header h1 span {
    	padding-left:60px;
    }

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

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

    h4 {
    	font-size:15px;
    	line-height:15px;
    	margin:0 0 20px 0;
    }

    .button {
    	font-size:14px;
    	line-height:16px;
    	padding:12px 25px 10px 25px;
    }

    .button:after {
		width:12px;
		height:12px;
    }

    header p {
    	font-size:17px;
    	line-height:23px;
    	margin-bottom:30px;
    }

    .basketball-player {
		display:none;	
	}

	.basketball-player.mobile {
		width:480px;
		display:block;
		position:absolute;
		top:55px;
		right:20px;
	}

    #team .container {
    	padding-top:490px;
    }

    #team .two-columns .col:nth-child(1) img {
    	position:absolute;
    	top:50px;
    	left:50%;
    	margin-left:-227px;
    }

    #why-work-with-us .accordion-content p {
        font-size:17px;
        line-height:24px;
    }
}


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

    header h1 span {
    	padding-left:40px;
    }

    .why-work-with-us-photo {
    	width:700px;
    	top:40px;
    }
}


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

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

    .accordion-header {
    	padding-left:65px;
    }

    .accordion-header span {
    	left:10px;
    }

    .accordion-header h3 {
    	font-size:25px;
    	line-height:25px;
    }
}