/*---| media queries |---*/

@media only screen and (min-width: 1500px){
	.maincontainer{
		height:100vh;
	}
	.logo{
		width:80%;
		height:50vh;
		padding-top: 7vh;
		padding-bottom: 3vh;
		padding-left: 10%;
		padding-right: 10%;
	}
	.hourscontainer{
		/*width:90%;*/
		height:30vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:30%;*/
		height:20vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
	}
	.pitchcolumn{
		/*display: block;
		width:5%;*/
		height:20vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 24px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: table;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:100px;
		width:100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:50%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: table;
		width:80%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: table-cell;
		width:25%;
	}
	.menusectioncolumntwo{
		float: none;
		display: table-cell;
		width:33%;
	}
	.menusectioncolumn{
		float: none;
		display: table-cell;
		width:50%;
	}
	.pitchcolumntwo{
		display: table-cell;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1499px){
	.maincontainer{
		height:100vh;
	}
	.logo{
		width:80%;
		height:50vh;
		padding-top: 7vh;
		padding-bottom: 3vh;
		padding-left: 10%;
		padding-right: 10%;
	}
	.hourscontainer{
		/*width:90%;*/
		height:30vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:30%;*/
		height:20vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
	}
	.pitchcolumn{
		/*display: block;
		width:5%;*/
		height:20vh;
		padding-top: 3vh;
		padding-bottom: 7vh;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 24px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: table;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:100px;
		width:100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:50%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: table;
		width:80%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: table-cell;
		width:25%;
	}
	.menusectioncolumntwo{
		float: none;
		display: table-cell;
		width:33%;
	}
	.menusectioncolumn{
		float: none;
		display: table-cell;
		width:50%;
	}
	.pitchcolumntwo{
		display: table-cell;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px){
	.maincontainer{
		height:auto;
	}
	.logo{
		width:80%;
		height:auto;
		padding-top: 7vh;
		padding-bottom: 3vh;
		padding-left: 10%;
		padding-right: 10%;
	}
	.hourscontainer{
		/*width:90%;*/
		height:auto;
		padding-top: 3vh;
		padding-bottom: 7vh;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:100%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.pitchcolumn{
		display: none;
		width:0px;
		height:0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 24px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: table;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: table-cell;
		width:50%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:100px;
		width:100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:50%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: table;
		width:80%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: table-cell;
		width:25%;
	}
	.menusectioncolumntwo{
		float: none;
		display: table-cell;
		width:33%;
	}
	.menusectioncolumn{
		float: none;
		display: table-cell;
		width:50%;
	}
	.pitchcolumntwo{
		display: table-cell;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.maincontainer{
		height:auto;
	}
	.logo{
		width:80%;
		height:auto;
		padding-top: 50px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.hourscontainer{
		/*width:90%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 50px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:100%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.pitchcolumn{
		display: none;
		width:0px;
		height:0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 18px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: block;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:100px;
		width:100px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:50%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: block;
		width:80%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumntwo{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumn{
		float: none;
		display: block;
		width:100%;
	}
	.pitchcolumntwo{
		display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 321px) and (max-width: 479px) {
	.maincontainer{
		height:auto;
	}
	.logo{
		width:80%;
		height:auto;
		padding-top: 50px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
.hourscontainer{
		/*width:90%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 50px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:100%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.pitchcolumn{
		display: none;
		width:0px;
		height:0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 18px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: block;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:50px;
		width:50px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:100%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: block;
		width:80%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumntwo{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumn{
		float: none;
		display: block;
		width:100%;
	}
	.pitchcolumntwo{
		display: none;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	.maincontainer{
		height:auto;
	}
	.logo{
		width:80%;
		height:auto;
		padding-top: 50px;
		padding-bottom: 20px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.hourscontainer{
		/*width:90%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 50px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.hourcolumn{
		/*width:100%;*/
		height:auto;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.pitchcolumn{
		display: none;
		width:0px;
		height:0px;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.hourscontainer h1{
		font-size: 12px;
		line-height: 24px;
	}
	.hourscontainer h2{
		font-size: 18px;
		line-height: 36px;
	}
	.hourscontainer p{
		font-size: 18px;
		line-height: 24px;
	}
	.footercontainer{
		display: block;
		width:100%;
	}
	.contactcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: top;
	}
	.socialcontainer{
		float: none;
		display: block;
		width:100%;
		vertical-align: middle;
	}
	.socialcontainer a img{
		height:50px;
		width:50px;
	}
	form.wpcf7-form p input.wpcf7-submit{
		font-size: 36px;
		line-height: 42px;
		width:100%;
	}
	/*---| menu |---*/
	.menusectiontb{
		display: block;
		width:80%;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.menucolumn{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumntwo{
		float: none;
		display: block;
		width:100%;
	}
	.menusectioncolumn{
		float: none;
		display: block;
		width:100%;
	}
	.pitchcolumntwo{
		display: none;
	}
}