@media screen and (min-width: 480px) {

  form {
    max-width: 480px;
	}

}

@media screen and (min-width: 630px) {

	#logo {
		float: left;
		margin-left: 3%;
	}

	nav {
		float: right;
		margin: 23px 3% 20px;
	}

	nav li {
		display: inline-block;
		padding: 0;
	}

	nav a {
		padding: 5px 8px;
	}

	#static-main p:last-child {
		padding-bottom: 150px;
		background-color: #fff;
	}

	#social-wrapper {
		margin: 20px 3% 10px 0;
		float: right;
		text-align: left;
		width: auto;
	}

	#footer-wrapper {
		margin: 20px 3%;
		float: left;
		text-align: left;
	}
}

@media screen and (min-width: 890px) {

	.photo-bb {
		padding: 0;
		max-width: 55%;

	}

	#bb-text {
		padding: 1.5em 0 0 1.5em;
		clear: none;
	}


	.photo-left {
		float: left;
		margin: 0 5% 20px 0;
		max-width: 100%;
		padding: 50px 80px;
	}

	.photo-right {
		float: right;
		margin: 0 0 20px 5%;
		max-width: 100%;
		padding: 50px 80px;
	}


}


@media screen and (min-width: 980px) {

	.photo-bb {
		max-width: 60%;
	}

	#bb-text {
		padding: 3em 0 0 3em;
	}
}


@media screen and (min-width: 1150px) {
	
	h2 {
		margin: .2em 0;
		font-size: 2.3em;
		line-height: 1.2em;
	}

	h1, h3 {
		font-size: 1.3em;
		padding-bottom: 0;
	}

	p {
		line-height: 1.6em;
		padding-bottom: 1em;
		font-size: 1em;
	}

	#bb-text {
		padding: 4em 0 0 4em;
	}

	.photo-bb {
		max-width: 100%;
	}
}