@media (max-width: 1074px) {
	img.backToTop {
		display: none;
	}
}

/* Portrait tablet and small desktops */
@media (max-width: 940px) {
	body {
		overflow-x:hidden;
	}
	.flexslider {
		margin-right:0;
		margin-left:0;
	}
	.sectionNumber {
		padding: 0 0 0 15px;
	}

	.twitter img {
		top: 17px;
		left: 15px;
	}

	.redDot {
		padding: 17px 0 0 40px;
	}

	.tweetDump p {
		padding: 17px 0 15px 135px;
	}
}

@media (max-width: 927px) {
	.yay {
		display: none;
	}

	.bake {
		display: none;
	}
}

@media (max-width: 843px) {
	.dot {
		padding: 40px;
		top: 67px;
		left: 155px;
	}

	.clottedCream {
		display: none;
	}

	.section {
		clear: both;
	}

	.leftaboutPhotography {
		width: 100%;
	}

	.leftaboutPhotography p {
		font-family: "Open Sans";
		font-weight: 400;
		font-size: 12px;
		line-height: 20px;
		margin: 0 0 0 10px;
		color: #2c2c2c;
	}

	.thirds {
		width: 100%;
		margin: 20px;
	}

	.thirds p {
		float: left;
		font-weight: 600;
		padding-left: 10px;
	}

	.thirds img {
		width: 92%;		
		margin: 0 auto;
		border: 15px solid white;
		box-shadow: 0 8px 6px -6px #323333;
	}

	.thirds img:hover {
		border: 15px solid #323333; 
	}

	.photoCategory {
		font-size: 14px;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.dot {
		padding: 40px;
		top: 67px;
		left: 155px;
	}

	.clottedCream {
		display: none;
	}

	.soulTrain {
		display: none;
	}

	.leftaboutDesign {
		width: 100%;
		margin: 10px 2%;
		padding: 0;
	}

	.leftaboutDesign p {
		padding: 0 10px;
	}

	.flexslider {
		width:100%;
	}

	.package {
		width: 100%;
		margin: 28px 0 30px 0;
		padding: 0 0 30px 0;
		border-bottom: 1px solid #979696;
	}

	.package2 {
		max-width: 100%;
		margin: 10px 0 0 0;
		padding: 0 0 30px 0;
	}

	.package3 {
		max-width: 100%;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
	}

	h3 {
		padding: 0 0 2% 0;
		margin: 0 0 0 10px;
	}

	h4 {
		font-size: 10px;
		text-transform: uppercase;
		padding: 0 0 2px 10px;
	}

	.footerThird {
		width: 100%;
	}

	.footerThird img {
		width: 50px;
	}

	.footerThird a {
		font-size: 14px;
	}

	h6 {
		color: #cc0033;
		font-size: 12px;
		margin: 0 0 10px 0;
	}

	.thirdCopy {
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
	}

}

@media (max-width: 730px) {
	.header {
		max-width: 100%;
		border-top: 10px solid #979696;
		min-height: 60px;
	}

	.twitter {
		display: none;
	}

	.navBar {
		width: 100%;
	}

	ul.menu {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
	}

	ul.menu li a {
	color: #c1c1c1;
	text-decoration: none;
	font-size: 13px;
	padding-left: 4%;
	font-family: "Open Sans";
	font-weight: 600;
}	

	.dot {
		padding: 23px;
		top: 43px;
		left: 138px;
	}

	.logoBar {
		max-width: 100%;
	}
}

	@media (max-width: 695px) {
	.introduction p {
		line-height: 34px;
	}
}


	@media (max-width: 560px) {
	.navBar {
		width: 100%;
	}

	ul.menu {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
	}

	.introduction p {
		line-height: 39px;
	}

	.funFacts {
		display: none;
	}

	.thirds {
		width: 100%;
		margin: 20px;
	}

	.thirds p {
		float: left;
		font-weight: 600;
		padding-left: 10px;
	}

	.thirds img {
		width: 92%;		
		margin: 0 auto;
		border: 15px solid white;
		box-shadow: 0 8px 6px -6px #323333;
	}

	.thirds img:hover {
		border: 15px solid #323333; 
	}

	.photoCategory {
		font-size: 14px;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.first {
		padding-top: 30px;
	}

	.flexslider {
		width:100%;
	}

	.header {
		max-width: 100%;
		border-top: 10px solid #979696;
		min-height: 60px;
	}

	.navBar {
		width: 100%;
	}
		
	ul.menu {
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
	}

	ul.menu li a {
		padding: 10px;
		font-size: 13px;
	}

	.number {
		font-size: 10px;
	}

	.logoBar {
		max-width: 100%;
	}

	.leftLogoBox {
		width: 30%;
		overflow: visible;
	}

	.dot {
		padding: 23px;
		top: 39px;
		left: 90px;
	}

	img.logo {
		max-height: 225px;
		}

	.rightLogoBox {
		max-width: 70%;
		margin-bottom: 40px;
	}

	.introduction p {
		line-height: 36px;
		padding: 20px 0 0 0;
	}

	.yay {
		display: none;
	}

	.section {
		max-width: 100%;
	}

	h3 {
		padding: 0 0 3% 0;
		margin: 0 0 0 10px;
	}

	h4 {
		font-size: 10px;
		text-transform: uppercase;
		padding: 0 0 2px 10px;
	}

	.sectionNumber {
		padding: 0 0 0 15px;
	}

	.package {
		width: 100%;
		margin: 28px 0 30px 0;
		padding: 0 0 30px 0;
		border-bottom: 1px solid #979696;
	}

	.package2 {
		max-width: 100%;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
	}

	.package3 {
		max-width: 100%;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
	}

	.leftaboutDesign {
		width: 100%;
		margin: 0 3%;
		padding: 0;
	}

	.leftaboutDesign p {
		padding: 0 10px;
	}

	.flexslider img {
		float: left;
		width: 100%;
		margin: 0 auto;
		display: block;
		padding: 0px;
		border-radius: 2px;
		box-shadow: 0 8px 6px -6px #2c2c2c;
	}

	.flexslider ul li {
		list-style-type: none;
	}

	ul.slides {
		margin: 0;
		padding: 0;
	}

	.detailsHalf {
		width: 100%;
	}

	.detailsHalf p {
		font-size: 14px;
		line-height: 25px;
		margin: 0 0 13px 0;
	}

	.footer {
		float: left;
	}

	.footerThird {
		width: 100%;
	}

	.footerThird img {
		width: 50px;
	}

	.footerThird a {
		font-size: 14px;
	}

	h6 {
		color: #cc0033;
		font-size: 12px;
		margin: 0 0 10px 0;
	}

	.thirdCopy {
		font-weight: 400;
		font-size: 14px;
		line-height: 22px;
	}
}
	
@media (max-width: 400px) {
	.number {
			display: none;
		}

	ul.menu li a {
		padding: 2%;
		font-size: 13px;
	}

	.introduction p {
		line-height: 30px;
		padding: 20px 0 0 0;
		font-size: 18px;
	}
}

@media (max-width: 340px) {
	.introduction p {
		line-height: 26px;
		padding: 20px 0 0 0;
		font-size: 16px;
	}

	.dot {
		padding: 15px;
		top: 38px;
		left: 80px;
	}

	img.logo {
		max-height: 190px;
		}
}