/******************************************************************

Theme: Rigid
Variant: Light
Author: Michael Grissinger
Version: 2.1.1

*******************************************************************/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}button{cursor:pointer}hr{margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}label, input[type=button], input[type=submit], button { cursor: pointer; }


/** Sitewide Styles ***********************************************/
/******************************************************************/

body { background: #fff url(../img/bodybg.jpg) repeat-x 0 0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #525252; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
.container { margin: 0 auto; position: relative; width:1002px; }
.img_left { float: left; margin: 0 25px 5px 0; }
.img_right { float: right; margin: 0 0 5px 25px; }
.clear { clear: both; }
.twoCols { width: 50%; float: left; }
.hidden { display: none; visibility: hidden; } 
.invisible { visibility: hidden; }


::-moz-selection{ background: #555; color:#fff; text-shadow: none; }
::selection { background:#555; color:#fff; text-shadow: none; } 

.cufon-loading .largeGreen, .cufon-loading .largeGrey, .cufon-loading #mainNav>ul>li>a, 
.cufon-loading .powerPhraseDetails, .cufon-loading #mainShell h1, .cufon-loading #mainShell h2 { visibility: hidden; }

/* New Fonts to replace Cufon */
@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('typography/OpenSans-CondLight-webfont.eot');
    src: url('typography/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/OpenSans-CondLight-webfont.woff') format('woff'),
         url('typography/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('typography/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('typography/OpenSans-CondBold-webfont.eot');
    src: url('typography/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typography/OpenSans-CondBold-webfont.woff') format('woff'),
         url('typography/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('typography/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
.simple-logo-block .largeWhite, .cta .ctaTitle, #mainShell h1, #mainShell h2, #mainShell h3 { font-weight: normal; font-family: OpenSansCondensedLight; }
.powerSlide .largeText { text-shadow: 2px 2px 0 #000; font-family: OpenSansCondensedLight; }
.simple-logo-block .largeYellow, footer nav a { font-weight:normal; font-family: 'OpenSansCondensedLight'; }
header nav>ul>li>a { letter-spacing:2px; font-family: 'OpenSansCondensedBold'; }

/** Header Styles *************************************************/
/******************************************************************/

header {padding: 122px 0 0; position: relative; z-index: 3;}
body.subpage header { height: 60px; }

	#logo { position: absolute; top: 8px; left: 0; }
	
	#phone{
		background:#222e82;
		color:#fff;
		padding:8px 18px;
		position:absolute;
		top:4px;
		right:0;
		border-radius:0 0 8px 8px;
		box-shadow:2px 2px 1px #000;
	}
	
	#phone span{
		font-weight:bold;
	}
	
		.simple-logo-block { text-decoration: none; }
			.simple-logo-block .largeWhite { font-size: 62px; color: #fff; font-weight: normal; line-height: .8; }
			.simple-logo-block .largeYellow { font-size: 62px; color: #8c8671; font-weight: bold; line-height: .8; }
			.simple-logo-block .logoSubtitle { font-size: 14px; color: #fff; display: block; }
		
	header nav { background:#5f68ab; position:relative; z-index: 9; height:33px; }
		
		header nav ul {  }
		header nav ul li { float: left; position: relative; border: 1px solid transparent; }
		header nav ul li.lastItem { background: none; }
		header nav ul li a { display: block; letter-spacing: 2px; color: #fff; font-size: 14px; padding: 8px 17px; text-decoration: none; font-weight:normal; }
		header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background:#535b97; }
		header nav ul li a:hover {  }
		
			header nav ul ul { display: none; position: absolute; top:31px; left: 0; width: 170px; padding: 10px 15px; background: #5F68AB;}
			header nav ul li:hover ul { display: block; }
			header nav ul li ul li { float: none; background: none; padding: 0 5px; }
			header nav ul li ul li a { font-size: 14px; color: #fff; display: block; position: relative; font-size: 13px; height: auto; padding: 4px 0;}
			header nav ul li ul li:hover, header nav ul li ul li.nav-selected  { background: #535b97;}
			
	#vignetteShell { width: 1002px; /*height: 180px;*/ overflow: hidden; }
	body.homepage #vignetteShell {background:url(../img/shadow.png) no-repeat 0 bottom; height:330px; margin-top:4px;}

		#powerSliderShell {  }
		
			#powerSliderContainer {  }
			
				.powerSlide { text-decoration: none; position: relative; display: block; }
					
					.powerSlide img {  }
					.powerSlide .largeText { display: block; background: url(../img/bgBlack40.png); border: 1px solid; border-color: transparent #000 #000 transparent; color: #fff; position: absolute; top: 278px; text-align: center; font-size: 72px; line-height: 55px; width: 620px; left: 182px; padding: 15px 0; line-height: .9 }
					.powerSlide .smallText { display: none; }
			
			#powerSliderPagination {  }
			
			#powerSliderNext, #powerSliderPrev {  }
			#powerSliderNext {  }
			#powerSLiderPrev {  }
		


/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell { background: #fff; center 50px no-repeat; top: -25px; position: relative; padding: 0 0 0; z-index: 2; }

	#mainShell .container {width: 980px; padding:0 22px 25px; background: #fff; }
	
	#mainShellHome .container {padding:0 0 38px 0;}
		
	
		/** General Content Elements ******************************/
		/**********************************************************/
		
		#mainShell  hgroup {  }
		#mainShell, #mainShellHome  h1 { font-size: 17px; color: #23338a; margin: 0 0 16px; text-transform:uppercase; }
		#mainShell, #mainShellHome  h2 { font-size: 14px; color: #23338a; margin: 0 0 8px;}
		#mainShell, #mainShellHome  h1+h2 { margin: -20px 0 20px; }
		#mainShell, #mainShellHome  h3 {font-size: 14px; color: #444; margin: 20px 0 5px; }
		#mainShell, #mainShellHome  p { margin: 0 0 15px; line-height: 18px; text-transform:none; font-weight:normal;}
		#mainShell, #mainShellHome  a { color: #23338a; }
		#mainShell, #mainShellHome  a:hover {  }
		#mainShell, #mainShellHome  strong {  }
		#mainShell, #mainShellHome  em {  }
		#mainShell, #mainShellHome  blockquote {  }
		#mainShell, #mainShellHome  ul, #mainShell ol { margin: 15px 0 15px 15px;  line-height: 18px; }
		#mainShell, #mainShellHome  ul ul, #mainShell ol ol { margin: 5px 0 5px 20px; }
		#mainShell, #mainShellHome  ul {  }
		#mainShell, #mainShellHome  li {  }
		#mainShell, #mainShellHome  ul li { list-style: disc; }
		#mainShell, #mainShellHome  li li { list-style: square; }
		#mainShell, #mainShellHome  li li li { list-style: circle; }
		#mainShell, #mainShellHome  ul li a {  }
		#mainShell, #mainShellHome  ol {  }
		#mainShell, #mainShellHome  ol li { list-style: decimal; }
		#mainShell, #mainShellHome  ol ol {  }
		#mainShell, #mainShellHome  dl { margin: 15px 0; }
		#mainShell, #mainShellHome  dl dt {  }
		#mainShell, #mainShellHome  dl dd { margin: 0 0 0 25px; }
		#mainShell, #mainShellHome  hr {  }
		#mainShell, #mainShellHome  img {  }
		#mainShell, #mainShellHome  hr { margin: 15px 0; }
		#mainShell h1{font-family: OpenSansCondensedBold; font-size:20px;letter-spacing:1px;}
	
		
		#mainShellHome .container section#main-home{ width:100%;}
		
		#mainShellHome .container section#col-one, #mainShellHome .container article#col-two, #mainShellHome .container section#col-three .container      	         section#col-four{
			width:242px;
		}
		
		#mainShellHome .container section#col-one{
			/*background:url(../img/small-box-bg.jpg) repeat-x 0 0;*/
			min-height:198px;
			padding: 5px 6px 5px 0;
			/*border:1px solid #999;*/
			float:left;
			/*margin:0 5px 0 0;*/
		}
	
		#mainShellHome .container article#col-two{
			/*background:url(../img/small-box-bg.jpg) repeat-x 0 0;*/
			min-height:198px;
			padding:5px 6px 5px 6px;
			/*border:1px solid #999;*/
			float:left;
			/*margin:0 5px 0 0;*/
		}
		
		#mainShellHome .container section#col-three{
			/*background:url(../img/small-box-bg.jpg) repeat-x 0 0;*/
			min-height:198px;
			padding: 5px 6px 5px 6px;
			/*border:1px solid #999;*/
			float:left;
			/*margin:0 5px 0 0;*/
		}
	
		#mainShellHome .container section#col-four{
			/*background:url(../img/small-box-bg.jpg) repeat-x 0 0;*/
			min-height:198px;
			padding:5px 0 5px 6px;
			/*border:1px solid #999;*/
			float:left;
		}
	
	
		/** Form Elements ******************************************/
		/***********************************************************/
		
		#mainShell  form {  }
		#mainShell  fieldset {  }
		#mainShell  label {  }
		#mainShell  input, #mainShell  textarea, #mainShell  select {  }
		#mainShell  input {  }
		#mainShell  input[type="submit"] {  }
		#mainShell  textarea {  }
		#mainShell  select {  }
		
			
	#ctaShell { padding: 0 0 25px; overflow: auto; border-bottom: 1px solid #dad7c5; margin: 0 0 50px; display:none;}
	body.subpage #ctaShell { border-bottom: none; border-top: 1px solid #dad7c5; margin: 50px 0 0; padding: 25px 0; }
	
		#ctaShell .cta { width: 222px; float: left; margin-left: 20px; padding: 0 0 0 78px; background-position: 15px 0; background-repeat: no-repeat; }
		#ctaShell .cta:first-child { margin: 0; }
		#ctaShell .cta.cta1 { background-image: url(../img/bgCta1.gif); }
		#ctaShell .cta.cta2 { background-image: url(../img/bgCta2.gif); }
		#ctaShell .cta.cta3 { background-image: url(../img/bgCta3.gif); }
		
			#ctaShell .ctaTitle { font-size: 32px; color: #6a6352; display: block; margin: 0 0 12px; }
			#ctaShell .ctaDesc { font-size: 12px; color: #99968f; display: block; margin: 0 0 20px; }
			#ctaShell .cta a { display: block; width: 109px; height: 27px; background: url(../img/btnCtaReadMore.gif) left top; line-height: 0; text-indent: -9999em; }
			#ctaShell .cta a:hover { background-position: left bottom; }
	
	#headerShadow { background: url(../img/shadow.png) top center no-repeat; height: 64px; margin: 0; }
	
	#main { width: 620px; float: left; margin: 0 60px 0 0; }
	body.full #main { width: auto; float: none; margin: 0; }
	
	#sidebar { width: 260px; float: left; }
	
		#sidebar h2 { margin: 0 0 27px; }
		
	/** Demo Styles ***********************************************/
	/**************************************************************/
	
	.sortable_fancybox_gallery_container { float: none; margin: 0 0 20px; overflow: auto; }
	.ccm-remo-expand { margin: 0 0 15px; }
	.ccm-remo-expand-content { margin: 15px 0; }
	#mainShell .ccm-jereme-tweet-follow-link { float: none; margin-top: 10px; color: #fff; }
	#mainShell .ccm-jereme-tweetcrete-timeline ul { margin: 15px 0; }
	#mainShell .ccm-jereme-tweetcrete-timeline ul li { list-style: none; }
	

/** Footer Styles *************************************************/
/******************************************************************/

footer.container { z-index: 1; padding: 12px 0; background:#5f68ab; overflow:hidden;}

	footer nav {  }
	
		footer nav ul { text-align: center; }
		footer nav ul li { display: inline; font-size: 12px; color: #fff; }
		footer nav ul li a { color: #fff; text-decoration: none; }
		footer nav ul li a:hover { text-decoration: underline; }

	footer .vcard { color:  #202a83; font-size: 12px; text-align: center; margin: 20px 0; }
		footer .fn.org { font-weight:normal; }
		footer .adr {  }
			footer .street-address {  }
			footer .locality {  }
			footer .region {  }
			footer .postal-code {  }
		footer .tel {  }
			footer. .type {  }
			footer .value {  }
	
	#vivid { text-align: center; }
		#vivid p { color: #fff; }
	
	
/** Add Z-Index to C5 highlighter **********************************/
/*******************************************************************/

div#ccm-highlighter { z-index: 15 !important; }

/** Remove the subtitle option from Power Slider *******************/
/*******************************************************************/

label[for="powerSlidePhraseDesc[]"], label[for="powerSlidePhraseDesc[]"] + input { display: none !important; }
	
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media only screen and (max-device-width : 960px) {
 
.container { max-width: 100%; }

header { height: auto; }

	#vignetteShell { width: 100% !important; }

	#powerSliderShell { position: relative; width: 100% !important; height: 320px !important; }
	#powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 300px !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 368px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { top: 33%; left: 10%; }
	
	#powerSliderPagination { }
	
	#powerSliderNext, #powerSliderPrev { bottom: 76px; }
	
	#mainShell .container { width: 90%; }
	
		#ctaShell { width: 100%; overflow: hidden; }
		#ctaShell .cta { width: 20%; margin: 0 0 30px 0; }
		
	#main { width: 55%; }

	.ccm-layout-row.fourColRow .ccm-layout-col { width: 50% !important }

}

@media only screen and (max-device-width : 768px) {
	
	header { background: url(../img/bgHeaderResponsive.jpg) top center no-repeat; padding: 122px 0 0; position: relative; z-index: 3; }
		
	#ctaShell { border: 0; padding: 0; margin: 0 0 5px; }
	#ctaShell .cta { clear: both; width: 90%; margin: 20px 0 40px 0; padding: 0 0 30px 60px; border-bottom: 1px solid #dad7c5; }
		
	#mainNav { margin: 90px 0 0 0; }
	
	#vignetteShell { width: 100% !important; margin-top: 90px; }
	
	#powerSliderShell { position: relative; width: 100% !important; height: 288px !important; }
	#powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 100% !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 300px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { width: 70% !important; }
	
	#powerSliderPagination { }
	
	#main { width: 100%; margin: 0 0 20px; }
	
	#sidebar { width: 100%; }
	
}

@media screen and (max-device-width: 660px) {
	
	header nav ul li a { padding: 8px 6px 10px 15px; font-size: 20px !important; }
	
	#vignetteShell { margin-top: 110px; width: 100% !important; }
	
	#powerSliderShell { position: relative; width: 100% !important; height: 235px !important; }
	
	.powerSlide .largeText { top: 3%; left: 3%; width: 90% !important; }
	
}

@media screen and (max-device-width: 480px) {
  
  
/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you  j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
*/
.container { width: 100% !important; }

	header { height: auto; padding: 20px 0 0; background: none; }
	
	header nav ul li a { font-size: 24px !important; }
	
	body.subpage header { height: auto !important; }
	
		#logo { position: static; margin: 0 0 25px 15px; }
	
		#mainNav { position: static !important; margin: 20px 0 0 0; }
		
			#mainNav ul { margin: 0 !important; padding: 0 !important; }
			#mainNav ul li { float: none; margin: 0 !important; padding: 0 !important; }
			#mainNav ul li a {  }
			
				#mainNav ul ul { display: block; position: static; margin-left: 20px !important; width: auto;  box-shadow: none; background: none;}
				#mainNav ul ul li a { font-size: 16px !important; }
		
		#searchShell { display: none; }
	
	#vignetteShell { margin-top: 20px; width: 100% !important; height: 168px !important; }
	
	#powerSliderShell { position: relative; width: 100% !important; height: 200px !important; }
	#powerSliderContainer { position: relative; overflow: hidden; width: 100% !important; height: 168px !important; }
		
			.powerSlide { position: relative; display: block; width: 100% !important; height: 168px !important; overflow: hidden; }
				
				.powerSlide img { width: 100% !important; height: auto !important; vertical-align: top; }
				.powerSlide .largeText { display: none; }
				#powerSliderNext, #powerSliderPrev { display: none !important; }
	
	#powerSliderPagination { display: none; }
			.powerSliderPagination a { }
			.ie7 .powerSliderPagination a { }
			.powerSliderPagination a:hover, .powerSliderPagination a.activeSlide { }
	
	#mainShell { margin: 0; }
	
		#mainShell .container { padding: 25px 0; }
	
			#headerShadow, #ctaShell { display: none; }
		
			#main { width: auto; float: none; padding: 0 15px; margin: 0; border: none; }
			
			#sidebar { margin: 0; padding: 0 15px; width: auto; }
	
	.ccm-layout-row.fourColRow .ccm-layout-col { width: 100% !important }
	
	footer.container {  }
	
	header nav ul li:hover, header nav ul li.nav-selected, header nav ul li.nav-path-selected { background: url(../img/bgNavLiActive.jpg); }
		header nav ul li a:hover {  }

}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; line-height: 1; }
  body { font-size: 14px; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
  header { height: auto; }
  #logo {  }
  	.simple-logo-block { text-decoration: none; line-height: 1; }
		#logo .largeGreen { font-size: 36px; }
		#logo .largeGrey { font-size: 24px; }
		#logo .logoSubtitle { font-size: 14px; }
  #mainNav, #vignetteShell, #sliderShell, #ctaShell, footer nav { display: none !important; }
  
}

#main{
    padding-top: 80px;
}


* {
    box-sizing: border-box;
}




/* NAV WRAPPER */

header nav ul {
    display: flex;
    align-items: center;
    height: 100%;
}

    /* HAMBURGER (checkbox hack) */
    #menu-toggle { display: none; }
    .burger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px; height: 44px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid #23338a;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
    .burger:focus-visible { outline: 2px solid #22d3ee; outline-offset: 2px; }

    .burger-box { position: relative; width: 22px; height: 16px; }
    .burger-line {
      position: absolute; left: 0; right: 0; height: 2px; background: #23338a;
      border-radius: 1px; transition: transform .35s ease, opacity .25s ease, top .35s ease;
    }
    .burger-line:nth-child(1) { top: 0; }
    .burger-line:nth-child(2) { top: 7px; }
    .burger-line:nth-child(3) { top: 14px; }

    /* MENU PANEL */
    .menu {


      /* collapsed by default */
      max-height: 0; opacity: 0; pointer-events: none;
      transition: max-height .4s ease, opacity .3s ease;
    }

    .menu ul { list-style: none; margin: 0; padding: .5rem; }
    .menu li { margin: 0; }
    .menu a:hover { background: #0f172a; }

    /* OPEN STATE via checkbox */
    #menu-toggle:checked ~ .menu {
      max-height: 70vh; opacity: 1; pointer-events: auto;
    }

    /* Animate burger to X */
    #menu-toggle:checked + label .burger-line:nth-child(1) {
      top: 7px; transform: rotate(45deg);
    }
    #menu-toggle:checked + label .burger-line:nth-child(2) {
      opacity: 0;
    }
    #menu-toggle:checked + label .burger-line:nth-child(3) {
      top: 7px; transform: rotate(-45deg);
    }

    /* DESKTOP */
    @media (min-width: 900px) {
      .burger { display: none; }
      .menu {
        position: static; max-height: none; opacity: 1; pointer-events: auto;
        background: transparent; border: 0; box-shadow: none; inset: auto;
      }
      .menu ul { display: flex; gap: .25rem; padding: 0; }
      .menu a:hover { background: #0f172a; }
     
    }

#mainShell input, #mainShell textarea {
        width: 100%;
        display: inline-block;
        margin: 5px 0 0;
        height: 30px;
        border: 1px solid #000;
    }
    .mb-3{
        margin-bottom:20px;
    }
    .ccm-layout-column-wrapper div.ccm-layout-column-inner img{
        margin-left: 20px!important;
    }
    .mobileSec{
        display:none;
    }
@media only screen and (max-width:767px){
    .mobileSec{
        display:block;
        border-bottom:1px solid #ccc;
    }
    .burger{
        margin-right:16px;
        margin-left:auto;
        display:flex;
        margin-bottom:20px;
    }
    .desktopSec{
        display:none;
    }
    #mainShellHome .container{
        padding:38px 16px!important;
    }
    #main{
        padding-top: 0px;
    }
    #logo img{
        width:75%!important;
    }
    .ccm-layout-column-wrapper div.ccm-layout-column-inner img{
        margin-left: 0px!important;
    }
    #logo {
        margin:0px!important;
        text-align:center;
    }
    .rslides img{
        height:170px;
        object-fit: cover;
    }
    #mainShellHome .container section#col-one, #mainShellHome .container article#col-two, #mainShellHome .container section#col-three .container section#col-four, #mainShellHome .container section{
        width:100%!important;
        height:auto;
        object-fit: cover;
        padding:10px 0!important;
    }
    #mainShellHome img{
        height:auto;
    }
    header {
        padding: 70px 0 0;
    }
    header nav{
        height:auto;
    }
        header nav ul li a {
        font-size: 16px !important;
    }
    img{
        height:auto;
    }
    .ccm-layout-column{
        width:100%!important;
    }
    .ccm-layout-column-wrapper{
        display: flex;
        flex-direction: column-reverse;
    }
    #vignetteShell{
        height:auto!important;
    }
    .ccm-layout-column-wrapper div.ccm-layout-column-inner{
        margin-left:0px!important;
    }
    header nav ul{
          flex-direction: column;
          align-items:flex-start;
      }
      header nav ul li{
          width:100%;
      }

}
@media (min-width:768px) and (max-width:1199px){
    body.homepage #vignetteShell{
        height:auto;
    }
    #mainShellHome .container{
        padding:38px 16px!important;
    }
    header {
        padding: 40px 0 0;
    }
    body.subpage header{
        height:auto;
    }
    img{
        height:auto;
    }
    .ccm-layout-column-wrapper div.ccm-layout-column-inner img{
        margin-left: 20px!important;
    }
    header nav ul {
        display: flex;
        justify-content: space-between;
    }
    header nav ul li a{
        letter-spacing: 1px;
    }
    #logo {
        position: relative;
        width: 30%;
        top:0px;
    }
    #main{
        padding:50px 0;
    }
    #mainNav {
        margin: 0px 0 0 0;
    }
    #vignetteShell {
         margin-top: 0px;
    }
}