@media (max-width: 1300px)
{
	h1
	{
		font-size:120px;
	}
	#section1 h2
	{
		font-size:44px;
	}
	#section3 .panel
	{
		width:33.33%;
	}
	#section1 .col1-2
	{
		width:100%;
	}
	footer .btminfo
	{
		box-sizing: border-box;
		padding: 0 1%;
	}
}
@media (max-width: 1150px)
{
	#sectionindex .imagecontainer
	{
		width:100%;
	}
	#section2 .panel:first-of-type
	{
		margin: auto;
	}
	#section4 .col1-2,
	#section4 .col2-2
	{
		width:100%;
	}
	#section4 .col2-2
	{
		margin-top:20px;
	}
	#section4 .gallery .button
	{
		float: none;
		display: block;
		margin: auto;
	}
	#services #section3 .wrapper
	{
		box-sizing: border-box;
		padding:0 0.5%;
	}
	#services #section3 .col2-2
	{
		width:100%;
	}
	#services #section3 .col1-2
	{
		display: none;
	}
	#section5
	{
		display: none;
	}
	#section5 .wrapper
	{
		text-align: center;
	}
	#section5 .panel:first-of-type
	{
		display: inline-block;
		width:100%;
		max-width: 300px;
	}
	#ti
	{
		height:13%;
		overflow-y:auto;
	}
	#section1 .marginpush
	{
		margin:0 80px;
	}
	#section1 .panelmargin
	{
		margin:0 20px;
	}
	header #menu
	{
		display:block;
	}
	header
	{
		height: 140px;
	}
	nav li.dropdown:hover a {
		border-radius: 35px;
	}
	nav li:hover > ul {
		display: none;
		position: absolute;
		background: #fff;
		border-radius: 15px;
		box-shadow: 0px 0px 5px 2px #999999;
		z-index: 5;
		left: -78px;
	}
	nav ul li
	{
		width: 100%;
	}
	.taptocall
	{
		display: block;
	}
	header #logowrapper, header #navwrapper
	{
		float: left;
	}
	header .logo img
	{
		max-width: 300px;
		margin-top: 6px;
	}
	header .topheader
	{
		margin-bottom: 0;
	}
	footer #contactform .col1-2 {
		position: relative;
		left: 0px;
	}
	
	header #navwrapper
	{
		float:right;
	}
	header #nav
	{
		display:none;
	}
	header .topheader .facey.icon,
	header .topheader .facey .contactLink
	{
		margin-right:0;
	}
	#section3 .panel
	{
		width:50%;
	}
	#section2 .panel
	{
		width:100%;
		max-width: 436px;
		display: block;
		margin: 4% auto;
	}
}
@media (max-width: 850px)
{
	#sectionindex .imagecontainer
	{
		width:100%;
	}
	h1
	{
		font-size:72px;
	}
	#section1 .marginpush
	{
		margin:0;
	}
	#section1 .marginpush img
	{
		width:50%;
	}
	#section1 h3
	{
		font-size:22px;
		margin:20
	}
	#section1 h2
	{
		font-size:28px;
	}
	#section4
	{
		padding-top:90px;
		box-sizing: border-box;
		text-align: center;
	}
	#section4 .contactcol
	{
		width:100%;
	}
	#section4 .button
	{
		float: none;
		display: inline-block;
		margin:10px auto;
	}
	#section4 .fixedwidth
	{
		width:40%;
	}
	#section4 p
	{
		width:100%;
	}
	#about .panel
	{
		width: 47%;
	}
	#section6 .contactcol
	{
		width:100%;
		box-sizing: border-box;
	}
	#section6 .wrapper
	{
		padding:0;
	}
}
@media (max-width: 700px)
{
	#section1 .marginpush img
	{
		width:70%;
	}
	#sectionindex .imagecontainer
	{
		width:100%;
	}
	footer
	{
		font-size:13px;
	}
	footer #divider
	{
		background:none;
		margin:0 8px;
	}
	footer .shrinkable span
	{
		display:none;
	}
	footer #privacybtn
	{
		margin-right:30px;
	}
	footer .maininfo .col1-2, footer .maininfo .col2-2
	{
		width:100%;
	}
	footer
	{
		bottom: -895px;
		min-height: 895px;
	}
	.section-bottom
	{
		margin-bottom: 895px;
	}
}
@media (max-width: 580px)
{
	#section3 .panel
	{
		width:100%;
	}
	#section3 #panelpush/*using the panelpush method creates whitespace on the x axis at small widths in chrome and firefox*/
	{
		margin:0;
	}
	#section3 .panelmargin
	{
		margin:20px 0;
	}
	.accordion-header
	{
		font-size: 12px;
	}
	#section4 .gallery a
	{
		width:48%;
	}
	
}
@media (max-width: 500px)
{
	#menuoverlay nav a
	{
		font-size:40px;
	}
	#section1 h1
	{
		margin-top:0;
	}
	#section1 button,
	#section1 .button
	{
		margin-top:10px;
	}
	#section2 .panel
	{
		min-height:578px;
	}
	header .logo
	{
		font-size:30px;
		width: 215px;
		/* margin-top: 13px; */
	}
	header .logo img
	{
		width: 215px;
		margin-top: 13px;
	}
	header #logowrapper, header #navwrapper
	{
		max-width: 300px;
	}
	#section1 .marginpush img
	{
		width:100%;
	}
	#section4 .fixedwidth
	{
		width:30%;
	}
}
@media (max-width: 400px)
{
	#section4 .fixedwidth span
	{
		display:none;
	}
	#section4 .fixedwidth
	{
		width:40px;
	}
}
@media (max-height: 850px)
{
	#section1 .content
	{
		padding:40px 0 0 0;
	}
	#section1 h2
	{
		padding:0px 0 40px 0;
	}
}