@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: 'Inter', sans-serif; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #782f40;}
::-moz-selection {color:#fff; background: #782f40;}



/*body {font-family: 'Poppins', sans-serif !important; 
	overflow-x: hidden; 
	color:#000; 
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	font-weight: 300; 
}



.clear{clear: both;}


p {font-weight: 400; padding: 5px 0;}*/t


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-family: 'Poppins', sans-serif; font-size: 35px; font-weight: 800; color: inherit; letter-spacing: .75px; line-height: 50px;}
h2 {font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 800; color: inherit; letter-spacing: .75px; line-height: 38px;}
h3 {font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 800; color: inherit; letter-spacing: .75px;}
h4 {font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 800; color: inherit; letter-spacing: .75px;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:underline; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700; letter-spacing: .5px;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}


.maroontext {color:#782f40;}

hr{border:#000 1px solid; margin:0 auto;}
.dividerbars {width:10%; margin:3.5% auto; border-top:2px #782f40 solid; padding:5px 0; border-bottom:2px #782f40 solid;}


.red-bg {color:#fff; background:#782f40;}
.gray-bg{background: #f3f3f3;}
.gray-pattern{background: url(../siteart/gray-pattern.jpg) repeat;}
.black-bg{background: #000; color: #fff !important;}
.black-bg #red-button:hover{background: #fff; color: #000; text-decoration: none}






/* HEADER CONTACT BAR
------------------------------------------------*/	
.header-contact {display:flex; flex-flow:row wrap; align-items:center; justify-content: flex-end; height:54px; padding:0 2.5%; color:#fff; background:#782f40;}


.hd-social a {margin:0 5px; padding:8px 12px; font-size:1.5em;}

.hd-contact {margin:0 0 0 2%;}
.hd-contact a {margin:0 10px 0 10px; font-size:1em;}
.hd-contact a:hover {text-decoration:none;}
.hd-contact i {font-size:.85em;}


/* MAIN HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:0; background:#fff;}	
	

/*.header { background:#000; width: 100%; display: inline-block !important;}

.header-wrapper {width:95%; margin: 0 auto; text-align: right; padding: 5px 0;}
.header-wrapper p{font-weight: 300; color: #fff; text-align: right; padding: 10px 30px 15px 30px; text-transform: uppercase; letter-spacing: 2px; display:inline-block; }
.header-wrapper p a:hover{text-decoration: underline;}
.header-wrapper p:last-child{padding-right: 0;}
.header-wrapper p a{color: #fff !important;}
.logo {position:absolute; top:0px; z-index: 9999; box-shadow: 0px 0px 6px -7px #212025}
.logo img {width: 100%;  max-width:225px; display: inline-block; vertical-align: middle;}
.logo p{display: inline-block; color: #fff; vertical-align: middle; font-weight: 800;  text-transform: uppercase; font-size: 22px; letter-spacing: .5px; margin-top: -10px;}


.header-mobile{display: none;}
.header-mobile .fa{color: #fff; font-size: 22px; display: inline-block; padding: 10px;}*/


/* LOGO
------------------------------------------------*/
.logo-wrap {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:-35px 0 0 0 ; padding:10px 0; background:#fff; border-top-right-radius: 83px;
}
.logo {margin:0 0 0 10px;}	
.logo img {width:100%; max-width:313px;}
.anniversarylogo {margin:0 auto 0 30px;}
.anniversarylogo img {width:100%; max-width:179px;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; align-self:flex-end; margin:0 2.5% 1.5% 1%; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0 10px; padding:12px 0;
    font-size:1.125em; line-height:24px; font-weight:800;  text-align:center; text-decoration:none; text-transform:uppercase; color:#222;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:#782f40;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}





.wrapper-inner{width:90%;  margin: 0 auto;}
.wrapper-center{width:90%; /*width:75%;*/ text-align: center; margin: 0 auto;}
.wrapper-inv{width:90%; /*width:75%;*/ text-align: left; margin: 0 auto;}






#pad{padding: 2% 0;}
#l-pad{padding: 5% 0;}
#space{padding: 40px 0;}

#pageimage{width: 100%; display: block;}

.red-border{width:55%; border-top: 10px solid #782f40; position: relative; z-index: 99; margin:0 auto -10px 0;}

#white-button{display: inline-block; box-sizing: border-box; padding:8px 30px; font-weight: 800; font-size: 18px; letter-spacing: 1px; text-align: center; color: #782f40; background:#fff; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; }
#white-button:hover{color:#fff; background: #6d2637; text-decoration: none}

#white-social-button{
	display: inline-block; box-sizing: border-box; padding:8px 10px; font-weight: 800; font-size: 18px; text-align: center; color: #782f40; background:#fff;
	-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
}
#white-social-button:hover{color:#fff; background:#6d2637; text-decoration:none;}

#red-button{display: inline-block;background:#782f40; color: #fff; padding:12px 30px; text-align: center; letter-spacing: 1px; font-weight: 800; font-size: 18px; line-height: 1;
	-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; }
#red-button:hover{color:#fff; background: #000; text-decoration: none}



/*---HOME PAGE------------------------------*/
/*--SLIDER--*/
/*.cycle-slideshow { width:100%; }
.cycle-slideshow img{width:100%;}

.slide-overlay{background: #fff; width: 800px; border-bottom: 10px solid #782f40; padding: 50px 0; position: absolute; z-index: 999; margin-top: -110px;}
.slide-overlay h1{color: #782f40;}
.slide-black-block{background: #000; height: 213px;}*/

/*#wabash-dealer{text-align: right;
    float: right;
    width: 100%;
    max-width: 180px;
	margin-top: 15px;}*/




/*---CONTACT -----------------------------------*/
.team-col{display: inline-block; vertical-align: top; width: 49%; line-height:1.5;  color:#fff;}
.team-col a:hover{text-decoration: underline;}
/*.team-col img{float: right; width: 60%;}*/


.team-wrap {display: flex; flex-flow:row wrap; justify-content: flex-start;}

.team{width: 250px; display: inline-block; border: 1px solid #eee; text-align: center; margin: 5px; padding:12px 12px 16px 12px;}
.team img{width: 100%;}



/*---CONTACT -----------------------------------*/
.contact-left{display: inline-block; vertical-align: top; width: 35%; line-height:1.5; }
.contact-right{display: inline-block; width: 60%; float: right;}
.contact-right iframe{height: 300px;}








.hero {width:100%; overflow:hidden; -webkit-border-bottom-right-radius: 140px; -moz-border-radius-bottomright: 140px; border-bottom-right-radius: 140px;}
.hero .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}




.subhero {}
.subhero .cycle-slideshow {z-index:5; position:relative;  margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.subhero .cycle-slideshow img {position:relative; width:100%; margin:0; padding:0;}
.subhero img{width:100%;}




/*  MAIN
------------------------------------------------*/	
.main {width: 90%; margin:3.5% auto;}

.home-main {display: flex; flex-flow:row wrap; align-items: center; justify-content: center; width:92.5%; max-width:1185px; margin:3.5% auto 0 auto;}

.submain {width:92.5%; max-width:1350px; margin:3.5% auto;}

.subCol {display:flex; flex-flow:row wrap; justify-content:space-between;}
.sub-1-2 {width:49%;}

.sub-2-3 {width:64.6%;}
.sub-1-3 {width:31.3%;}


/*  HIGHLIGHTS
------------------------------------------------*/
.highlight-section {display: flex; flex-flow:row wrap; align-items: center; justify-content: space-between;}
.highlight-item {width:90%; margin:2.5% 2.5% 5% 2.5%;}
.highlight-item h4 {margin:0 0 10px 0;}
.highlight-item h4 i {color:#782f40;}
.highlight-item img {width:95%; padding:2.5%; border: 1px solid #eee;}



/*  ARTICLE
------------------------------------------------*/
article {flex:1;}
article h1{color:#782f40;}
article p{font-size:17px; line-height:1.5;}
article span {font-weight:600;}


/*  DEALER AWARD
------------------------------------------------*/
.dealer-award {margin:0 4% 0 0;}
.dealer-award img{width:100%; max-width:232px;}




/*  CTA SECTION
------------------------------------------------*/
.cta-section {display:flex; flex-flow:row wrap; justify-content:space-around; margin:0 2.5%}
.cta-item {width:30%; max-width:424px; margin:3.5% 0;  text-align:center; color:#2a2a2a;}
.cta-item.inv-item {max-width:100%;}
.cta-item .cta-title {margin:0 0 .5em 0;font-size:1.75em; font-weight:700;}
.cta-item p {margin:0 0 .75em 0; font-size:1.25em; line-height:1.5; font-weight:300;}
.cta-item p span {font-weight:600;}
.cta-item a, .cta-item a h2, .cta-item a .category-icon{transition-duration: 0.4s;}
.cta-item a:hover {text-decoration:none;}
.cta-item a:hover h2{color:#111;}

.category-icon {
	display:flex; flex-flow:row; align-items:center; justify-content:center;
	width:115px; height:115px; margin:0 auto .25em auto; padding:10px; font-size:76px; color:#fff; background:#782f40;
	-webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%);
}
.category-icon img {width:100%;}

.cta-item a:hover .category-icon { background:#111;}

a.cta-button {
	display: inline-block;background:#782f40; color: #fff; padding:12px 30px; max-width:250px;  text-align: center; letter-spacing: 1px; font-weight: 800; font-size: 18px; 	
	-webkit-transition-duration: 0.4s; transition-duration: 0.4s; 
}

a.cta-button:hover {color:#fff; background: #000; text-decoration: none}





/*  FEATURED BRANDS AND TRAILERS
------------------------------------------------*/
.featured-section {
	 position:relative; margin:calc(105px + 7.55%) 0 calc(105px + 5%); padding:1% 0 0 0; background: rgb(240,240,240); background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%); border-bottom:15px #f5f5f7 solid;
}

.eclipseBorder {
    position: absolute; 
    top: -100px;
    z-index: -1;
    margin: 0 0%;
    width: 100%;
    height:200px;
    -webkit-clip-path: ellipse(50% 35% at 50% 50%);
    clip-path: ellipse(50% 35% at 50% 50%);
	background:#f4f4f4; 
}


/*  MANUFACTURERS
------------------------------------------------*/
.manu-wrap {display:flex; flex-flow:row wrap; justify-content:space-between; width:96%; margin:3% auto 5% auto;}
.manu{display: inline-block;  margin: 5px 0; text-align:center;}
.manu img{width: 150px; text-align: center;}
.manu img:hover{opacity: .8; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}



/*  FEATURED INVENTORY
------------------------------------------------*/
.feautred-wrap {display:flex; flex-flow:row wrap; justify-content:space-between; width:85%; margin:0 auto -105px auto;}
.featured-title {width:100%; margin:0 0 2% 0; font-size: 28px; font-weight: 800; letter-spacing: .75px; line-height: 1; text-align:left;  color:#782f40;}
.featured{background: #fff; display: inline-block; margin: 5px 8px; width: calc(25% - 16px); max-width: 349px; min-height:410px; box-shadow: 2px 7px 13px -4px rgba(0,0,0,0.3)}
.featured img{margin: 40px auto 0 auto; width: 90%;}
.featured h3{width:190px; margin-top:108px; padding: 10px; font-size: 18px; font-weight:700; text-align: left; color: #fff; background: #782f40;}
.featured h3:hover{ text-decoration: none; background: #222; -webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s; }
.featured a,.featured a:hover {text-decoration: none;}





/*  SLOGAN / MOTTO
------------------------------------------------*/
.slogan{padding:1% 0; color:#72293a; background: url(../siteart/motto-bg.jpg) no-repeat center center fixed; background-size:cover;}
.slogan p{width: 60%; font-size: 26px; line-height:2.25; font-weight: 600; margin: 0 auto; text-align: center}
.slogan p span{font-weight: 800;}



/*  ASSISTANCE BAR
------------------------------------------------*/
.contact-banner {display:flex; flex-flow:row wrap; justify-content:space-between; padding:2% 5%; background:#782f40;}
.cb-title{display: inline-block; vertical-align: middle; margin: 10px 15px 0 0;  font-size: 28px; font-weight: 800; letter-spacing: .75px; line-height: 38px; color:#fff; font-family: 'Poppins', sans-serif;}

.assistance {}
.assistance #white-button{ display: inline-block; vertical-align: middle; font-weight:800; /*float: right;*/}

.socialcontact {}
.socialcontact a {margin:0 3px;}



/*  FOOTER
------------------------------------------------*/
.footer{ color:#121212; background:#ededed;}
.footer .wrapper-inner {display:flex; flex-flow:row wrap; align-items:flex-start;}
.footer-col{display: inline-block; width: 22%; vertical-align: top; margin:0 3% 2.5% 0; }
.footer-col h4{color: #121212; letter-spacing: 2px;}
.footer-col p{line-height:22px; font-weight: 500;}
.footer-col a {text-decoration:none;}
.footer-col a:hover {}

.footer-logo{display: inline-block; /*width: 25%;*/ margin:0 0 0 auto; /*text-align: center;*/ text-align:left;}
.footer-logo img{width: 100%; max-width:200px;}

a.foot-social {display:inline-block; margin:5px; padding:8px; font-size:20px;}

.copyright {}
.copyright p{color: #6b6b6b; font-size: 13px; font-weight: 300; }
.copyright a{color: #6b6b6b;}




/************************************************ Responsive Styles **/

@media screen and (max-width: 1730px)  {
	nav.primary ul li a{margin:0 7px;}	
}

@media screen and (max-width: 1575px)  {
	nav.primary ul li a{font-size:1em; margin: 0 5px;}	
}
@media screen and (max-width: 1450px)  {
	.logo-wrap {padding:10px 0; border-top-right-radius: 83px;}
	.logo img {max-width:250px;}
	.anniversarylogo {margin:0 10px 0 15px;}
	.anniversarylogo img {max-width:130px;}

	
	nav.primary {margin:0 2.5% 2% 1%;}
	nav.primary ul li a{font-size:.9em; margin: 0 5px;}	
}

@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 1240px) {
	
	
	.manu img {width: 120px;}
	
	
	.featured{max-width:260px;min-height: 310px;}
	.featured h3{box-sizing: border-box; width: 100%; text-align: center; padding: 10px 0; display: block; font-size: 16px; margin-top: 125px;}
	
	
	.assistance h2,
	.socialcontact h2 {font-size:24px;}
	
}


@media only screen and (max-width: 1200px) {
	.header-contact {justify-content:space-between; height: auto; padding:12px 0;}
	
	.logo-wrap {margin:0; padding:15px 0; border-radius:0;}
	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; margin:0 2.5% 0 0; font-size: 1.25em;  z-index:400;}
	#menu-button a{color:#222; text-decoration: none; font-weight:800;}
	#menu-button a span {color:#782f40;}
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		font-weight:700; 
		text-transform:uppercase; 
		border-left:4px #333 solid;
		padding: 18px 35px 18px 20px;
		/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #782f40 solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 18px 10px 18px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
}

@media screen and (max-width: 1120px) {
	.wrapper-inner, .wrapper-center{width:92.5%;}
	
	/*	.header-wrapper{width: 98%;}
	.header-wrapper p{font-size: 12px; padding: 5px 10px 10px 10px;}	
	.logo img{max-width: 145px;}*/
	
	.slogan{padding:10% 0;}
	.slogan p {width:100%; font-size:18px; line-height:35px;}
	.slogan p span {font-size:26px;}
	
	
	

	
	
	
	.contact-banner {padding:0; background:#782f40;}
	.assistance {width:100%; padding:2% 5%; text-align: center; background:#692031;}
	.socialcontact {width:100%; padding:2% 5%; text-align: center;}
	.assistance h2,
	.socialcontact h2 {font-size:28px;}
}

@media screen and (max-width: 1060px) {	
	.sub-1-2 {width:100%; margin:0 0 40px 0;}
	.sub-2-3 {width:100%; margin:0 0 30px 0;}
	.sub-1-3 {width:100%; margin:0 0 30px 0;}
	
	
	.highlight-item {width:44%;}
	
	.footer-col{display: block; margin: 10px 0 15px 0; text-align: center; width: 100%;}
	.footer-logo{order:1; display: block; float: none; text-align: center; margin:30px auto 0 auto;}
	.footer-logo img{ width: 100%; max-width: 180px; margin:0 auto;}
}

@media only screen and (max-width: 1000px) {
	.featured{max-width:240px;}
	.featured h3{margin-top: 132px;}
}

@media only screen and (max-width:950px) {
	.cta-item {width:47%; max-width:424px; margin:5% 0;}
	.cta-item.inv-item {width:30%; max-width:100%; }
	
	.featured{width:100%; max-width: 500px; min-height: auto; margin:10px auto;}
	.featured img{width:100%; max-width: 250px;padding-bottom: 20px;}
	.featured h3{margin-top: 0}	
	.featured h3 br{display: none;}
	
	
	.manu img {width: 100px;}
}

@media only screen and (max-width:850px) {
	.home-main {flex-flow:column-reverse wrap; margin:5% auto;}
	.dealer-award {margin:3.5% auto 0 auto;}
	
	
	.manu-wrap {flex-flow:row wrap; justify-content:space-around;}
	.manu img {width: 125px;}
}

@media screen and (max-width: 768px) {
	.cta-section {margin:0 5%}
	.cta-item {width:100%; max-width:424px;}
	.cta-item.inv-item {width:48%; max-width:100%; }
}

@media only screen and (max-width: 730px) {
	.contact-left{width: 100%;}
	.contact-right{width: 100%; margin-top: 20px; float: none;}	
	
	.logo p{margin-top: 30px; }
		
}

@media only screen and (max-width: 670px) {
	.header-contact {flex-flow:column-reverse wrap;  }
	.hd-social {margin:15px 0 0 0;}
	.hd-contact {margin:0;}
	
	.logo img {max-width:200px;}
	.anniversarylogo img {max-width:100px;}
	
	.highlight-item {width:100%;}
}

@media only screen and (max-width: 460px) {
	.logo img {max-width:150px;}
	.anniversarylogo img {max-width:80px;}
	.cta-item.inv-item {width:100%; max-width:100%;}
	.team{width: 100%;}
	
	.socialcontact .cb-title {width: 100%;}
}

@media screen and (max-width: 375px){
	.hd-contact {display:flex; flex-flow: column; line-height:1.75;}
	.anniversarylogo {display: none;}
}

@media screen and (max-width: 320px){

}