/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face{
	src: url(fonts/Gotham-Book.otf);
	font-family: Gotham;}
	
@font-face{
	src: url("fonts/Gotham-Light.otf");
	font-family: Gotham-light;	
}


/* MY CODE */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}


*{text-decoration: none;
}

body{
	background-color: #fff;
}

/* buttons*/
.chat{
background-color: #EFE9E2;
  border: 2px solid #957658;
border-radius: 4px;
  padding: 23px 41px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Gotham;
	 color: #171717;
	 font-size: 15px;
	 letter-spacing: 0.7pt;
	 text-transform: uppercase;
	transition-duration: 0.4s;
  cursor: pointer;
}

.chat:hover{
background-color: #957658;
 color: #EFE9E2;
}


.dark{
	display: block;
	margin-left: auto;
  margin-right: auto;
background-color: #957658;
  border: 2px solid #957658;
border-radius: 4px;
  padding: 23px 41px;
  text-align: center;
  text-decoration: none;
  font-family: Gotham;
	 color: #EFE9E2;
	 font-size: 15px;
	 letter-spacing: 0.7pt;
	 text-transform: uppercase;
	transition-duration: 0.4s;
  cursor: pointer;
}

.dark:hover{
background-color: #EFE9E2;
  border: 2px solid #957658;
color: #171717;
	 font-size: 15px;
}

.photography-btn{
background-color: #EFE9E2;
  border: 2px solid #EFE9E2;
border-radius: 4px;
  padding: 23px 41px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Gotham;
	 color: #171717;
	 font-size: 15px;
	 letter-spacing: 0.7pt;
	 text-transform: uppercase;
	transition-duration: 0.4s;
  cursor: pointer;
}

.photography-btn:hover{
background-color: #957658;
  border: 2px solid #EFE9E2;
	 color: #EFE9E2;
}


/* header */



header{
	background-color:#221F1B;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top:20px;
	padding-bottom:20px;
}

.header_container{
	width: 1300px;
	display:flex;
  flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	padding-left: 35px;
	padding-right: 35px;
}

.logo{
flex-basis: auto;
display: block;
margin-top:auto;
	margin-bottom: auto;

}

.logo img{
	width: 100%;
	vertical-align: top;
}


.header_nav{
flex-basis: auto;	
display: block;
margin-top:auto;
	margin-bottom: auto;
	margin-right:0px;
	margin-left:0px;
	padding: 10px;

}

.header_nav ul{
  display: inline-block;
	float: inherit;
  list-style: none;
  
}
.header_nav li {
    float: left;
  }
.header_nav li a {
    padding-left: 17px;
	 font-family: Gotham;
	 color: #EFE9E2;
	 font-size: 14px;
	 letter-spacing: 0.7pt;
	 text-transform: uppercase;
	transition-duration: 0.4s;
	 
  }

.header_nav li a:hover {
	 color: #957658;

  }




/* INDEX */

.intro{
	background-color:#EFE9E2;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.intro_container{
width: 650px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
	
}

.intro_container h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #221F1B;
font-size: 45px;
text-align: center;
}

.intro_container p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	text-align: center;
	line-height: 25px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.cases{
	background-image: linear-gradient(#EFE9E2,#EFE9E2 100%);
    background-size: 100% 128px;
    background-repeat: no-repeat;
    background-position: center top;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.body-wrap{
	width: 1230px;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	
}

.article{
	flex-basis: 380px;
	padding-bottom: 45px;
margin-left:15px;
margin-right:15px;

}

.article img{
width: 100%;
	opacity: 1;
	transition: .5s ease;
}

.article img:hover{

	opacity: 0.5;

}


.article h2{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #221F1B;
font-size: 26px;
text-align: left;
	padding-top: 17px;
	padding-bottom: 10px;
}

.article p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 11px;
	 letter-spacing: 0.07pt;
	text-align: left;
	text-transform: uppercase;
}

.instagram{
	width: 100%;
	background-color: #EFE9E2;
	padding-top:70px;
	padding-bottom: 70px;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
}

.insta-images2{
display: flex;
flex-flow: row wrap;
}


.insta1{
width: 16.66%;
height: 100%;


}

.insta1 img{
width: 100%;
opacity: 1;	
transition: .5s ease;
vertical-align: top;	


}

.insta1 img:hover{
  opacity: 0.7;
}

/* footer*/




footer{
	background-color:#221F1B;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top:70px;
	padding-bottom:70px;
}

.footer_container{
	width: 500px;
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	padding-left: 35px;
	padding-right: 35px;
}

.footer_nav{
flex-basis: auto;	
display: block;

}

.footer_nav ul{
  display: inline-block;
	float: inherit;
  list-style: none;
  
}
.footer_nav li {
    float: left;
  }
.footer_nav li a {
    padding-left: 17px;
	 font-family: Gotham;
	 color: #EFE9E2;
	 font-size: 14px;
	 letter-spacing: 0.7pt;
	 text-transform: uppercase;
	transition-duration: 0.4s;
	 
  }

.footer_nav li a:hover {
	 color: #957658;

  }

.footer_img{
flex-basis: auto;
display: block;
margin-top: 25px;	
margin-bottom: 25px;

}

.footer_img img{
	width: 100%;
}

.footer_text{
display:flex;
  flex-wrap: wrap;
	align-items:flex-start;
	justify-content: center;
	margin: auto;
	text-align: center;
	

}

.footer_text p{
	display: block;
	font-family: Gotham;
	 color: #957658;
	 font-size: 12px;
	 letter-spacing: 0.08pt;
	text-align: center;
}


/* ABOUT */

.about{
	background-color: #EFE9E2;
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
}

.profile{
	width: 45%;
	background-image:url("images/profile2.jpg");
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-container{
width: 900px;
display: flex;
flex-flow: row nowrap;	
	
}


.spacer-20{
	width: 45%;
	display: block;
	
}
.blurb-container{
	flex-basis: auto;
	display: block;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 70px;
	padding-bottom: 70px;
}

.blurb-container h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #221F1B;
font-size: 45px;
text-align: left;
}

.blurb-container p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	text-align: left;
	line-height: 25px;
	padding-top: 35px;
	
}

.photography{
	background-color:#957658 ;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.photography-container{
	width: 800px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;
}


.photography-container h1{
	display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #EFE9E2;
font-size: 45px;
}

.photography-container p{
	display: block;
	font-family: Gotham-light;
	 color: #EFE9E2;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 35px;
	padding-bottom: 35px;
}



.contact-section{
	background-color:#EFE9E2;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.contact-container{
width: 556px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
}

.contact-container h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;
}

.contact-container p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 35px;
}

.contact-container a{
	color: #957658;
	transition-duration: 0.4s;
}

.contact-container a:hover{
	color: #171717;
}


/* BRM Cycles */

.brm{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/brm_cycles/brm_cover.jpg");
 background-attachment: fixed;
  background-position: center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.case-description{

	width: 100%;
	background-color: #ffffff;
	
	
}

.case-container{
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin: auto;
	padding-top: 35px;
	padding-bottom: 70px;
}

.title{
flex-basis: auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-right: 45px;
padding-left: 45px;
padding-top: 35px;		
}

.title h1{
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;	
}

.title p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 11px;
	 letter-spacing: 0.07pt;
	text-align: left;
	text-transform: uppercase;
	padding-top: 13px;
}

.description{
width: 800px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
padding-top: 35px;	

	

}

.description p{
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	text-align: left;
	line-height: 25px;
}

.brm_responsive{
	width:100%;
	background-color: #ffffff;
	margin: auto;
	
}

.brm_responsive_container {
	width: 100%;
	display: block;
	margin: auto;
}

.brm_responsive_container img{
	width: 100%;
	margin: auto;
	display: block;
	
}



.brm_logos{
	width:100%;
	background-color: #222222;
	margin: auto;
}

.brm_logos_container{
	width: 50%;
	display: flex;
	align-items: flex-start;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
}

.brm_logos_container img{
width: auto;
	margin: auto;
	padding-left: 30px;
	padding-right:30px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.brm_cards{
	width: 100%;
	margin: auto;
	background-image: url("images/cases/brm_cycles/business-bg.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.brm_cards_container {
	width: 70%;
	display: block;
	margin: auto;
	padding-top: 100px;
}

.brm_cards_container img{
	width: 100%;
	margin: auto;
	display: block;
	
}

.brm_social{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}



.brm_social_container{
width: 978px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
padding-top: 55px;
padding-bottom: 55px;
}

.brm_social_container img{
	width: 100%;
	margin: auto;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.brm_photography{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.brm_photography_container {
	width: 1920px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
padding-top: 0px;
padding-bottom: 70px;
}

.brm_photography_container img{
	width: 100%;
	margin: auto;
	display: block;
	
}

.brm_inverted{
	background-color:#222222;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.brm_inverted_container{
width: 800px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
	
}

.brm_inverted_container h1{
	display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
font-size: 45px;
}

.brm_inverted_container p{
	display: block;
	font-family: Gotham-light;
	 color: #ffffff;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.brm_wireframe{
	background-color:#141414;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.brm_wireframe_container {
	width: 1128px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
}

.brm_wireframe_container img{
	width: 100%;
	margin: auto;
	display: block;
	
}

.brm_icons_dark{
	width:100%;
	background-color: #222222;
	margin: auto;
	display: flex;
	align-items: center;
  	flex-wrap: wrap;
	justify-content: center;
	padding-top:35px;
	padding-bottom: 35px;
	
}

.brm_icons_dark_container1{
	width: 324px;
	display: flex;
	align-items: center;
  	flex-wrap: wrap;
	justify-content: center;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 35px;
	
}

.brm_icons_dark_container1 img{
width: 100%;
display: block;	
margin: auto;
}

.brm_icons_dark_container2{
	width: 418px;
	display: flex;
	align-items: center;
  	flex-wrap: wrap;
	justify-content: center;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 35px;
	
}

.brm_icons_dark_container2 img{
width: 100%;
display: block;		
margin: auto;
}

.brm_icons_light{
	width: 100%;
	margin: auto;
	background-color: #ffffff;
}

.brm_icons_light_container{
	width: 70%;
	display: flex;
	align-items: flex-start;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
		padding-bottom:70px;
}

.brm_icons_light_container img{
width: auto;
	margin-top:auto;
	margin-bottom: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 50px;
}

/* Pop About Campers */

.pac{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/pac/pac_cover.jpg");
  background-position: center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.pac_responsive{
	width:100%;
	background-color: #ffffff;
	margin: auto;
	
}

.pac_responsive_container {
	width: 100%;
	display: block;
	margin: auto;
}

.pac_responsive_container img{
	width: 100%;
	margin: auto;
	display: block;
}

.pac_logos{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.pac_logos_container{
width: 800px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
}

.pac_logos_container img{
	width: 100%;
	margin: auto;
}

.pac_print{
	width:100%;
	background-color: #ffffff;
	margin: auto;
	
}

.pac_inverted{
	background-color:#243336;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: center;
}

.pac_inverted_container{
width: 800px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
	
}

.pac_inverted_container h1{
	display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
font-size: 45px;
}

.pac_inverted_container p{
	display: block;
	font-family: Gotham-light;
	 color: #ffffff;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 35px;
	padding-bottom: 35px;
}

.pac_wireframe{
	width: 100%;
	margin: auto;
	background-color: #D7D7D7;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.pac_wireframe_container{
	width: 1060px;
	margin: auto;
	display: block;
}

.pac_wireframe_container img{
	width: 100%;
	margin: auto;
	vertical-align: top;
}



/* Trailworks */

.trailworks{
	width: 100%;
	height: calc(500px - 105px);
	background-color: #343434;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.tw-header{
	width: 638px;
	margin: auto;
	display: block;
	padding: 35px;
}

.tw-header img{
	width: 100%;
	margin: auto;
}

.tw_logos{
	width:100%;
	background-color: #ffffff;
	margin: auto;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.tw_logos_container{
	width: 1113px;
	display: block;
	margin: auto;
	text-align: center;
	padding-bottom: 70px;
	padding-left: 35px;
	padding-right: 35px;
}

.tw_logos_container img{
	width: 100%;
	margin: auto;
	vertical-align: top;
}

/* Farmers */

.farmers{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/fmc/purple-bg.jpg");
  background-position: center;
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}


.farmers-header{
	width: 900px;
	margin: auto;
	display: block;
	padding: 35px;
}

.farmers-header img{
	width: 100%;
	margin: auto;
}



.purple-line{
	width: 100%;
	height: 10px;
	background-color: #916BB2;
}

.aquisition{
	width:100%;
	background-color: #ffffff;
	margin: auto;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;

}

.aquisition_title {
	
	padding-bottom: 20px;
}

.aquisition_title h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;
}

.aquisition_title p{
display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 11px;
	 letter-spacing: 0.07pt;
	text-align: center;
	text-transform: uppercase;
	padding-top: 13px;
}

.covid_update{
	width: 100%;
	background-color: #916BB2;

}

.covid_update_container{
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	
}

.covid-desktop{
flex-basis: auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-right: 35px;
padding-left: 35px;

}

.covid-desktop img{
	width: 100%;
	vertical-align: top;	
}


.covid-mobile{
width: 545px;
margin-top: 0px;
padding-top: 70px;
padding-bottom: 70px;
padding-right: 35px;
padding-left: 35px;	

}

.covid-mobile h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #ffffff;
font-size: 45px;
text-align: left;	

}

.covid-mobile p{
display: block;
	font-family: Gotham-light;
	 color: #ffffff;
	 font-size: 11px;
	 letter-spacing: 0.07pt;
	text-align: left;
	padding-top: 13px;
}

.covid-paragraph{
	width: 100%;
}

.covid-paragraph p{
	display: block;
	font-family: Gotham-light;
	 color: #ffffff;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 20px;
	text-align: left;
}

.covid_mobile img{
	vertical-align: top;
}



.covid-icons{
	width: 100%;
	padding-top: 70px;
	padding-bottom: 70px;
}

.covid-icons img{
	width: 92px;
	padding-right: 10px;
	
}


/* QMC Easter*/

.qmc_easter{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/qmc_easter/qmc-easter-cover_2.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}


.qmc_social{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-bottom: 70px;
}

.qmc_social h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;

}

.qmc_social p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 10px;
}

.qmc_social_container{
	width: 1200px;
	background-color: #DEEBE4;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: left;
}

.qmc_social_visual{
flex-basis: auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;


}

.qmc_social_visual img{
	width: 100%;
	vertical-align: top;		
}


.qmc_social_blurb{
width: 300px;	
margin: auto;
padding: 30px;

}



.qmc_social2{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-bottom: 70px;
}

.qmc_social2 h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;

}

.qmc_social2 p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
	padding-top: 10px;
}

.qmc_social2_container{
	width: 1200px;
	background-color: #DEEBE4;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
	text-align: left;
}

.qmc_social2_blurb{
width: 400px;	
margin: 0px;
padding: 30px;

}

.qmc_social2_visual{
flex-basis: auto;
margin: 0px;
display: block;


}

.qmc_social2_visual img{
	width: 100%;
	vertical-align: top;		
}






/* oxipay valentines*/

.oxipay_valentines{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/oxipay_valentines/oxipay_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.valentines_homepage{
	background-color:#92A39B;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-top: 70px;
	text-align: center;
}

.valentines_homepage_container{
width: 1421px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
}

.valentines_homepage img{
	width: 100%;
	margin: auto;
	vertical-align: top;
}




.valentines_edm{
	background-color:#F9F9F9;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
}

.valentines_edm_container{
	width: 1200px;
	background-color: #92A39B;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	align-items:flex-end;
	justify-content: center;
	margin: auto;
}

.valentines_edm_desktop{
flex-basis: auto;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-left: 35px;
padding-right: 35px;

}

.valentines_edm_desktop img{
	width: 100%;
	vertical-align: top;
}


.valentines_edm_mobile{
flex-basis: auto;
margin: 0;
display: block;
float: left;	
padding-left: 35px;
padding-right: 35px;
padding-top: 30px;

}

.valentines_edm_mobile img{
	width: 100%;
	vertical-align: bottom;
}

/*Venus Beau*/

.venus_beau{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/venus_beau/venus_beau_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.vb_photography{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
}

.vb_photography_container{
	width: 1200px;
	display:flex;
  flex-wrap: wrap;
	align-items:flex-end;
	justify-content: center;
	margin: auto;
	padding-bottom: 52.52px;
}

.img_top{
flex-basis: 100%;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-bottom: 17.5px;	

}

.img_top img{
	width: 100%;
	vertical-align: top;
}

.img_left{
flex-basis: auto;
margin: auto;
display: block;
padding-top: 17.5px;
	padding-bottom: 17.5px;
	padding-right: 35px;

}

.img_left img{
	width: 100%;
	vertical-align: top;
}

.img_right{
flex-basis: auto;
margin: auto;
display: block;
padding-top: 17.5px;
padding-bottom: 17.5px;

}

.img_right img{
	width: 100%;
	vertical-align: top;
}

/*Village Beauty Studio*/

.village_beauty{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/village_beauty/vbs_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.vbs_photography{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
}

.vbs_photography_container{
	width: 1200px;
	display:flex;
  flex-wrap: wrap;
	align-items:flex-end;
	justify-content: center;
	margin: auto;
	padding-bottom: 52.52px;
}

.img_top{
flex-basis: 100%;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-bottom: 15px;	

}

.img_top img{
	width: 100%;
	vertical-align: top;
}

.img_left{
flex-basis: auto;
margin-left: auto;
display: block;
padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 30px;

}

.img_left img{
	width: 100%;
	vertical-align: top;
}

.img_right{
flex-basis: auto;
margin: auto;
display: block;
padding-top: 15px;
padding-bottom: 15px;

}

.img_right img{
	width: 100%;
	vertical-align: top;
}

.img_bottom{
flex-basis: auto;
margin: auto;
display: block;
padding-top: 15px;

}

.img_bottom img{
	width: 100%;
	vertical-align: top;
}

/*West Coast Riders Club*/

.wcrc{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/wcrc/wcrc_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.wcrc_home{
	background-image: url("images/cases/wcrc/wcrc_home_bg.jpg");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.wcrc_home_container{
width: 1108px;
margin-top: 0px;
padding-top: 70px;
}

.wcrc_home img{
	width: 100%;
	margin: auto;
	vertical-align: top;
}

.wcrc_display{
	background-color:#28382E;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items:center;
	justify-content: center;
	margin: auto;
	padding-top:55px;
	padding-bottom: 55px;
}

.wcrc_display_container{
	width: 795px;
	display:flex;
  flex-wrap: wrap;
	align-items:center;
	justify-content: center;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.wcrc_ipad{
width: 430px;
margin: auto;
display: block;
padding-left: 15px;
	padding-right: 15px;	

}

.wcrc_ipad img{
	width: 100%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
}

.wcrc_mobile{
width: 275px;
margin: auto;
display: block;
padding-left: 15px;
padding-right: 15px;	

}

.wcrc_mobile img{
	width: 100%;
	vertical-align: top;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*Emirates*/

.emirates{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/emirates/emirates_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.emirates_display{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-bottom:70px;
}

.emirates_display_container{
	width: 1200px;
	background-color: #DADCE9;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.display_top{
flex-basis: auto;
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);		
display: block;

}

.display_top img{
	width: 100%;
	vertical-align: top;
}

.display_970x250{
flex-basis: auto;
display: block;
margin-top: 15px;	
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);	

}

.display_970x250 img{
	width: 100%;
	vertical-align: top;
}

.display_bottom{
display:flex;
  flex-wrap: wrap;
	align-items:flex-start;
	justify-content: center;
	margin: auto;
	text-align: center;

}

.display_bottom img{
	vertical-align: top;
	margin-top: 15px;
	margin-left: 15px;
margin-right: 15px;
	box-shadow: 3px -2px 8px rgba(0, 0, 0, 0.4);
}

.emirates_social{
	background-color:#F2ECE6;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px;
}

.emirates_social_container{
	width: 1200px;
	display:flex;
  flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin: auto;
}

.emirates_social_title{
margin-top:15px;
	margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
display: block;
}

.emirates_social_title h1{
display: block;
font-family: minerva-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #171717;
font-size: 45px;
}

.emirates_social_title p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 11px;
	 letter-spacing: 0.07pt;
	text-align: left;
	padding-top: 13px;
	padding-bottom: 13px;
}


.emirates_social_blurb{
width: 263px;	
	
}

.emirates_social_blurb p{
	display: block;
	font-family: Gotham;
	 color: #171717;
	 font-size: 16px;
	 letter-spacing: 0.08pt;
	line-height: 25px;
}

.emirates_social_visual{
display:flex;
  flex-wrap: wrap;
align-items: center;
	justify-content: center;
flex-basis: auto;	
margin: auto;	
}

.emirates_social_visual img{
	
}

/*Zoetis*/

.zoetis{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/zoetis/zoetis_cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.zoetis_display{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-bottom:70px;
}

.zoetis_display_container{
	width: 1200px;
	background-color: #F8F5EA;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.zoetis_display_top{
flex-basis: auto;
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.3);		
display: block;
border: 7px solid #ffffff;

}

.zoetis_display_top img{
	width: 100%;
	vertical-align: top;
}

.zoetis_display_970x250{
flex-basis: auto;
display: block;
margin-top: 15px;	
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.4);
border: 7px solid #ffffff;

}

.zoetis_display_970x250 img{
	width: 100%;
	vertical-align: top;
}

.zoetis_display_bottom{
display:flex;
  flex-wrap: wrap;
	align-items:flex-start;
	justify-content: center;
	margin: auto;
	text-align: center;
	

}

.zoetis_display_bottom img{
	vertical-align: top;
	margin-top: 15px;
	margin-left: 15px;
margin-right: 15px;
	box-shadow: 3px -2px 8px rgba(0, 0, 0, 0.4);
	border: 7px solid #ffffff;
}

/*QMC Spend & Win*/

.bbq{
	width: 100%;
	height: calc(500px - 105px);
	background-image: url("images/cases/qmc_bbq/cover.jpg");
 background-attachment: fixed;
  background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	
}

.bbq_social{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding-bottom: 70px;
}

.bbq_social_container{
width: 1200px;
margin-top: 0px;
padding-right: 45px;
padding-left: 45px;	
}

.bbq_social_container img{
	width: 100%;
	margin: auto;
}

.bbq_home{
	background-color: #FAD293;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center;
}

.bbq_home_container{
width: 1199px;
margin-top: 0px;
padding-top: 70px;
}

.bbq_home img{
	width: 100%;
	margin: auto;
	vertical-align: top;
}


.bbq_edm{
	background-color:#ffffff;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top:70px;
	padding-bottom:70px;
	
}

.bbq_edm_container{
	width: 1200px;
	background-color: #FAD293;
	border-radius: 15px;
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.bbq_edm_visual{
flex-basis: auto;
display: block;

}

.bbq_edm_visual img{
	width: 100%;
	vertical-align: top;
}

.bbq_display{
	background-color:#FAD293;
	width: 100%;
	display:flex;
  flex-wrap: wrap;
	margin: auto;
	padding-top:70px;
	padding-bottom:70px;
}

.bbq_display_container{
	width: 970px;
	display:flex;
  flex-wrap: wrap;
	justify-content: center;
	margin: auto;
}

.bbq_display_top{
flex-basis: auto;
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.2);		
display: block;
border: 7px solid #ffffff;

}

.bbq_display_top img{
	width: 100%;
	vertical-align: top;
}

.bbq_display_970x250{
flex-basis: auto;
display: block;
margin-top: 15px;	
margin-bottom: 15px;
box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.2);
border: 7px solid #ffffff;

}

.bbq_display_970x250 img{
	width: 100%;
	vertical-align: top;
}

.bbq_display_bottom{
display:flex;
  flex-wrap: wrap;
	align-items:flex-start;
	justify-content: center;
	margin: auto;
	text-align: center;
	

}

.bbq_display_bottom img{
	vertical-align: top;
	margin-top: 15px;
	margin-left: 15px;
margin-right: 15px;
	box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.2);
	border: 7px solid #ffffff;
}

















