@charset "UTF-8";
/* CSS Document */




/* Desktop Large */
@media screen
and (min-width: 1366px) {

main {
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%; /* 1920px */
	text-align: center;
}

.section-photo-desktop {
	margin-top: 5%;
	padding: 0;
	float: left;
	width: 100%;
}

.section-photo-tablet {
	display: none;
}

.section-photo-mobile {
	display: none;
}

section#gilmore-catering-faq {
	margin-top: 50px;
	position: relative;
	width: 100%;
	font-family: 'brandon-grotesque'; font-weight: 300;
	font-size: 1.5em;
	line-height: 1.8em;
	color: rgb(140, 140, 140);
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

#contact-info {
	margin: 0;
	padding: 0;
	top: 0;
	left: 4%;
	position: absolute;
	text-align: left;
}

#contact-info a {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
	text-decoration: none;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

#contact-info a:hover, #contact-info a:active {
	color: rgb(0, 165, 155);
}

#select-faq-container {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

select {
	background-image: url(../svg/arrow_select.svg) no-repeat right rgb(255, 255, 255);
	margin-left: 35%;
	text-indent: 15px;
	float: left;
	clear: both;
	width: 30%;
	height: 70px;
	font-family: 'futura-pt'; font-weight: 400;
	color: rgb(140, 140, 140);
	text-transform: capitalize;
	letter-spacing: .03em;
	border: 2px solid rgb(180, 180, 180);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	margin: 0 0 2% 10%;
	padding: 0;
	float: left;
	clear: both;
	width: 80%;
	font-family: 'brandon-grotesque';
	font-size: 2em;
	color: rgb(80, 80, 80);
	text-align: center;
	text-transform: capitalize;
}

.faq-caption {
	margin-left: 25%;
	margin-bottom: 4%;
	float: left;
	width: 50%;
	text-align: left;
}

.faq-copy {
	margin-left: 25%;
	margin-bottom: 4%;
	float: left;
	width: 50%;
	text-align: left;
	border-top: 1px solid rgb(200, 200, 200);
}

.faq-question {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
}

.scrollup {
	width: 80px; 
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 0;
	right: 5%;
	z-index: 2000000;
	opacity: 0;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.visible {
	opacity: 100;
}

.scrollup:hover {
	text-decoration: none;
}

.scrollup a:hover, a:active, a:focus {
	outline: 0;
}

.link-wrapper-venue {
	margin-top: 4%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link-venue {
	background: rgb(0, 165, 155);
	margin: 0;
	padding: 20px 50px 20px 50px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

.link-wrapper {
	margin-top: 4%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link {
	background: rgb(0, 165, 155);
	margin: 0;
	padding: 20px 50px 20px 50px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

a.section-link:hover, a.section-link:active {
	background: rgb(0, 0, 0);
}

}




/* Desktop Medium */
@media screen
and (min-width: 1025px)
and (max-width: 1365px) {
	
main {
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%; /* 1920px */
	text-align: center;
}

.section-photo-desktop {
	margin-top: 5%;
	padding: 0;
	float: left;
	width: 100%;
}

.section-photo-tablet {
	display: none;
}

.section-photo-mobile {
	display: none;
}

section#gilmore-catering-faq {
	margin-top: 45px;
	margin-bottom: 8%;
	position: relative;
	width: 100%;
	font-family: 'brandon-grotesque'; font-weight: 300;
	font-size: 1.4em;
	line-height: 1.8em;
	color: rgb(140, 140, 140);
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

#contact-info {
	margin: 0;
	padding: 0;
	top: 0;
	left: 4%;
	position: absolute;
	text-align: left;
}

#contact-info a {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
	text-decoration: none;
	-o-transition: color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

#contact-info a:hover, #contact-info a:active {
	color: rgb(0, 165, 155);
}

#select-faq-container {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

select {
	background-image: url(../svg/arrow_select.svg) no-repeat right rgb(255, 255, 255);
	margin-left: 34%;
	text-indent: 15px;
	float: left;
	clear: both;
	width: 32%;
	height: 65px;
	font-family: 'futura-pt'; font-weight: 400;
	color: rgb(140, 140, 140);
	text-transform: capitalize;
	letter-spacing: .03em;
	border: 2px solid rgb(180, 180, 180);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	margin: 0 0 2% 10%;
	padding: 0;
	float: left;
	clear: both;
	width: 80%;
	font-family: 'brandon-grotesque';
	font-size: 1.9em;
	color: rgb(80, 80, 80);
	text-align: center;
	text-transform: capitalize;
}

.faq-caption {
	margin-left: 25%;
	margin-bottom: 6%;
	float: left;
	width: 50%;
	text-align: left;
}

.faq-copy {
	margin-left: 25%;
	margin-bottom: 6%;
	float: left;
	width: 50%;
	text-align: left;
	border-top: 1px solid rgb(200, 200, 200);
}

.faq-question {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
}

.scrollup {
	width: 80px; 
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 0;
	right: 5%;
	z-index: 2000000;
	opacity: 0;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.visible {
	opacity: 100;
}

.scrollup:hover {
	text-decoration: none;
}

.scrollup a:hover, a:active, a:focus {
	outline: 0;
}

.link-wrapper {
	margin-top: 5%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link {
	background: rgb(0, 165, 155);
	margin: 0;
	padding: 20px 40px 20px 40px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

a.section-link:hover, a.section-link:active {
	background: rgb(0, 0, 0);
}

}




/* Tablet */
@media screen
and (min-width: 728px)
and (max-width: 1024px) {
	
main {
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%; /* 1920px */
	text-align: center;
}

.section-photo-desktop {
	display: none;
}

.section-photo-tablet {
	margin-top: 5%;
	padding: 0;
	float: left;
	width: 100%;
}

.section-photo-mobile {
	display: none;
}

section#gilmore-catering-faq {
	margin-top: 45px;
	margin-bottom: 10%;
	position: relative;
	width: 100%;
	font-family: 'brandon-grotesque'; font-weight: 300;
	font-size: 1.4em;
	line-height: 1.7em;
	color: rgb(140, 140, 140);
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

#contact-info {
	display: none;
}

#select-faq-container {
	margin-top: 1%;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

select {
	background-image: url(../svg/arrow_select.svg) no-repeat right rgb(255, 255, 255);
	margin-left: 30%;
	text-indent: 15px;
	float: left;
	clear: both;
	width: 40%;
	height: 60px;
	font-family: 'futura-pt'; font-weight: 400;
	color: rgb(140, 140, 140);
	text-transform: capitalize;
	letter-spacing: .03em;
	border: 2px solid rgb(180, 180, 180);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	margin: 0 0 3% 10%;
	padding: 0;
	float: left;
	clear: both;
	width: 80%;
	font-family: 'brandon-grotesque';
	font-size: 1.8em;
	color: rgb(80, 80, 80);
	text-align: center;
	text-transform: capitalize;
}

.faq-caption {
	margin-left: 10%;
	margin-bottom: 8%;
	float: left;
	width: 80%;
	text-align: left;
}

.faq-copy {
	margin-left: 10%;
	margin-bottom: 8%;
	float: left;
	width: 80%;
	text-align: left;
	border-top: 1px solid rgb(200, 200, 200);
}

.faq-question {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
}

.scrollup {
	width: 90px; 
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 2000000;
	opacity: 0;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.visible {
	opacity: 100;
}

.scrollup:hover {
	text-decoration: none;
}

.scrollup a:hover, a:active, a:focus {
	outline: 0;
}

.link-wrapper {
	margin-top: 6%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link {
	background: rgb(0, 165, 155);
	padding: 18px 38px 18px 38px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

a.section-link:hover, a.section-link:active {
	background: rgb(0, 0, 0);
}

}




/* Mobile Large */
@media screen
and (max-width: 727px)
and (min-width: 481px) {
	
main {
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%; /* 1920px */
	text-align: center;
}

.section-photo-desktop {
	display: none;
}

.section-photo-tablet {
	display: none;
}

.section-photo-mobile {
	margin-top: 5%;
	padding: 0;
	float: left;
	width: 100%;
}

section#gilmore-catering-faq {
	margin-top: 40px;
	margin-bottom: 15%;
	position: relative;
	width: 100%;
	font-family: 'brandon-grotesque'; font-weight: 300;
	font-size: 1.3em;
	line-height: 1.7em;
	color: rgb(140, 140, 140);
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

#contact-info {
	display: none;
}

#select-faq-container {
	margin: 0%;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

select {
	background-image: url(../svg/arrow_select.svg) no-repeat right rgb(255, 255, 255);
	margin-left: 20%;
	text-indent: 10px;
	float: left;
	clear: both;
	width: 60%;
	height: 55px;
	font-family: 'futura-pt'; font-weight: 400;
	color: rgb(140, 140, 140);
	text-transform: capitalize;
	letter-spacing: .02em;
	border: 2px solid rgb(180, 180, 180);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	margin: 0 0 4% 7%;
	padding: 0;
	float: left;
	clear: both;
	width: 86%;
	font-family: 'brandon-grotesque';
	font-size: 1.7em;
	color: rgb(80, 80, 80);
	text-align: center;
	text-transform: capitalize;
}

.faq-caption {
	margin-left: 7%;
	margin-bottom: 10%;
	float: left;
	width: 86%;
	text-align: left;
}

.faq-copy {
	margin-left: 7%;
	margin-bottom: 10%;
	float: left;
	width: 86%;
	text-align: left;
	border-top: 1px solid rgb(200, 200, 200);
}

.faq-question {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
}

.scrollup {
	width: 75px; 
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 2000000;
	opacity: 0;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.visible {
	opacity: 100;
}

.scrollup:hover {
	text-decoration: none;
}

.scrollup a:hover, a:active, a:focus {
	outline: 0;
}

.link-wrapper {
	margin-top: 8%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link {
	background: rgb(0, 165, 155);
	padding: 16px 35px 16px 35px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

a.section-link:hover, a.section-link:active {
	background: rgb(0, 0, 0);
}


}




/* Mobile Small */
@media screen
and (max-width: 480px) {
	
main {
	background: rgb(255, 255, 255);
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%; /* 1920px */
}

.section-photo-desktop {
	display: none;
}

.section-photo-tablet {
	display: none;
}

.section-photo-mobile {
	margin-top: 5%;
	padding: 0;
	float: left;
	width: 100%;
}

section#gilmore-catering-faq {
	margin-top: 40px;
	margin-bottom: 16%;
	position: relative;
	width: 100%;
	font-family: 'brandon-grotesque'; font-weight: 300;
	font-size: 1.2em;
	line-height: 1.6em;
	color: rgb(140, 140, 140);
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

#contact-info {
	display: none;
}

#select-faq-container {
	margin-top: 1%;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

select {
	background-image: url(../svg/arrow_select.svg) no-repeat right rgb(255, 255, 255);
	margin-left: 15%;
	text-indent: 10px;
	float: left;
	clear: both;
	width: 70%;
	height: 48px;
	font-family: 'futura-pt'; font-weight: 400;
	color: rgb(140, 140, 140);
	text-transform: capitalize;
	letter-spacing: .02em;
	border: 2px solid rgb(180, 180, 180);
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

h1 {
	margin: 0 0 6% 7%;
	padding: 0;
	float: left;
	clear: both;
	width: 86%;
	font-family: 'brandon-grotesque';
	font-size: 1.6em;
	color: rgb(80, 80, 80);
	text-align: center;
	text-transform: capitalize;
}

.faq-caption {
	margin-left: 7%;
	margin-bottom: 12%;
	float: left;
	width: 86%;
	text-align: left;
}

.faq-copy {
	margin-left: 7%;
	margin-bottom: 12%;
	float: left;
	width: 86%;
	text-align: left;
	border-top: 1px solid rgb(200, 200, 200);
}

.faq-question {
	font-family: 'brandon-grotesque'; font-weight: 400;
	color: rgb(80, 80, 80);
}

.scrollup {
	width: 62px; 
	text-align: center; 
	text-decoration: none;
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 2000000;
	opacity: 0;
	-o-transition: opacity .4s ease-in-out;
	-ms-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.visible {
	opacity: 100;
}

.scrollup:hover {
	text-decoration: none;
}

.scrollup a:hover, a:active, a:focus {
	outline: 0;
}

.link-wrapper {
	margin-top: 10%;
	float: left;
	width: 100%;
	text-align: center;
}

a.section-link {
	background: rgb(0, 165, 155);
	padding: 15px 32px 15px 32px;
	font-family: 'futura-pt'; font-weight: 400;
	font-size: 1em;
	color: rgb(255, 255, 255);
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}

a.section-link:hover, a.section-link:active {
	background: rgb(0, 0, 0);
}


}