/* ==========================================================================
   Project:     Washington EMC
   Date:        07/25/2022 - File updated	
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */
   
/* ==========================================================================
      Type
   ========================================================================== */

body { font-family: 'Raleway', sans-serif;color: #1d1d1d;font-size: 16px; line-height: 28px; overflow-x:hidden;background: #fff}
h1,h2,h3,h4,h5,h6 {padding: 0px;line-height: 110%; font-family: 'Raleway',serif;color: #1d1d1d;font-weight: 400;}
	
/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
 /* Offcanvas menu */
 .offcanvasmenu {position:fixed; width: 100%; top: 60px;bottom: 0px; left: 0px; border-top: 3px solid #008651; background: #fff; overflow-x:hidden; overflow-y:auto; z-index:-1;font-size: 14px;-webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); transform-origin: top center; pointer-events: none; opacity: 0; visibility: hidden; transition: all 250ms ease}
     .offcanvasmenu .mainmenu {list-style:none; margin: 0px; padding:0px; background: #fff}
     .offcanvasmenu .mainmenu > li {border-bottom: 1px solid #e5e5e5; position: relative;text-transform: uppercase; font-weight: 700}
     .offcanvasmenu .mainmenu a:not(.btn) {height: 48px; color: #1d1d1d; display: block; padding: 0px 15px;text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu .mainmenu a:not(.btn):hover, .offcanvasmenu .mainmenu a:not(.btn):focus {background: rgba(0,0,0,.05); color:#1d1d1d; }
     .offcanvasmenu .mainmenu li a[aria-haspopup] {margin-right: 45px;}
     .offcanvasmenu .mainmenu li .fa-angle-right {margin-right: 10px}
     .offcanvasmenu .mainmenu li .fa-angle-down {font-size: 16px; transition: transform 200ms ease-in-out}
     .offcanvasmenu .mainmenu li .fa-angle-down.rotate {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
     .offcanvasmenu .mainmenu li ul {list-style:none; background: #f9f9f9; color: #1d1d1d;margin: 0;font-size:14px; padding: 0px; text-transform:none;visibility: hidden; overflow:hidden; height: 0px; transition: all 500ms ease}
     .offcanvasmenu .mainmenu li ul li { font-weight: 400; margin-bottom: 0px;}
     .offcanvasmenu .mainmenu li ul a:not(.btn) {height:auto; min-height: 40px}

     .offcanvasmenu .mainmenu li.active a:hover, .offcanvasmenu .mainmenu li.active a:focus, .offcanvasmenu .mainmenu li.active a {background:#007cc2; color: #fff;text-decoration:none;}
     .offcanvasmenu .mainmenu li.active li a {color: #1d1d1d;  white-space: normal; background:none}
     .offcanvasmenu .mainmenu li.active li a:hover, .offcanvasmenu .mainmenu li.active li a:focus {color: #1d1d1d; background: rgba(0,0,0,.05)}

     .offcanvasmenu .mainmenu li ul.active {visibility: visible;}

     .offcanvasmenu .mainmenu .btn-gradient {margin: 15px;width: calc(100% - 30px); padding: 10px}

     .offcanvasmenu .btn-toggle-dropdown {position: absolute; top: 3px; right:3px; width: 42px; height:42px;padding: 0px;border-radius: 0px; border: none; background: none;border-left: 1px solid #e5e5e5;}
     .offcanvasmenu .btn-toggle-dropdown:hover, .offcanvasmenu .btn-toggle-dropdown:focus {}

     .offcanvasmenu .bg-grey {background: #f1f1f1; border-bottom: 3px solid #008651; height: 63px; padding: 5px;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu form {position: relative; height: 35px;width: 100%}
     .offcanvasmenu form .btn {color: #666; width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 10px; border-radius: 0px;background:none}
     .offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: #1d1d1d}
     .offcanvasmenu form .btn span {margin: 4px 0px -4px 0px}
     .offcanvasmenu form input {height: 36px; position: absolute; top: 0px; font-size: 16px; left: 0px; width: 100%;  border: 1px solid #e2e2e2; padding: 0px 45px 0px 15px;border-radius: 18px;}
     .offcanvasmenu form input::-ms-clear {display:none}

     .offcanvasmenu .quicklinks {list-style:none; padding: 15px;}
     .offcanvasmenu .quicklinks li {margin-bottom: 10px}
     .offcanvasmenu .quicklinks a {text-decoration: none;}
     .offcanvasmenu .quicklinks .fas {width: 20px}
     .offcanvasmenu .quicklinks .btn {margin: 15px -15px -15px -15px}

     /* Webkit's scrollbar */
     .offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
     .offcanvasmenu::-webkit-scrollbar-track-piece {margin: 0px;}
     .offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}

     /* Offcanvas animation */
     .offcanvas-open .offcanvasmenu {pointer-events: all; opacity: 1; z-index: 3; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/* ==========================================================================
   Alerts
   ========================================================================== */

.alert-wrapper {top: 0px; left: 0px; width: 100%; z-index:99; position: relative}
     .alert-wrapper .alert {text-align:center; background: #025735; color: #fff; position: relative;width: 100%;font-size: 13px; padding: 8px 0px 8px 0px; line-height: 1.2; margin: 0px; border-radius: 0px}
     .alert-wrapper .alert + .alert {border-top: 1px solid rgba(255,255,255,.2)}
     .alert-wrapper a {color: #fff;}
     .alert-wrapper button {position: absolute; width: 25px; height: 25px; right: 15px; opacity: .5; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);padding: 0px; background:none; border:none; color: #fff;}
     .alert-wrapper button::before { content: '';height: 15px;border-left: 1.5px solid #fff;position: absolute;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);left: 11px;top: 3px;}
     .alert-wrapper button::after { content: '';height: 15px;border-left: 1.5px solid #fff;position: absolute;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);left:11px;top: 3px}
     .alert-wrapper button:hover, .alert-wrapper button:focus {color: #fff; opacity: 1}
 
/* ==========================================================================
   Header
   ========================================================================== */
   
header {z-index:99;position:relative;top: 0px;background: #fff; box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);}
	header .logo {position: absolute;  left: 15px;}
	header .logo img {width: 100%; height: auto}
	.headermenu ul {position: absolute;margin: 0px; padding: 0px; }
	.headermenu li {display:inline-block;margin-right: -4px;position:relative;}
	.headermenu a:hover {text-decoration: none;}
	.headermenu a {color: #1d1d1d}
	.headermenu .btn-offcanvas {right: 9px; top: 18px;color: #444; position: absolute; background:none; border:none;padding:0px}
	.headermenu .btn-offcanvas span {font-size: 34px;margin: 4px 0px 0px 0px;}
	.headermenu .btn-offcanvas:hover {cursor: pointer}
	
	/* Quicklinks */
	.headermenu .main-quicklinks { font-size: 13px; background: #f1f1f1; padding: 3px 20px 3px 20px; border-radius: 30px; position: absolute;}
	.headermenu .main-quicklinks li {margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; }
	.headermenu .main-quicklinks li:last-child {border:none;padding: 0px}
	.headermenu .main-quicklinks a:hover span {color: #007cc2}
	.headermenu .secondary-quicklinks {position: absolute; right: 15px; top: 95px;font-size: 12px; font-weight: 700}
	.headermenu .secondary-quicklinks li {margin: 0px 0px 0px 10px;}
	.headermenu .secondary-quicklinks li:last-child {margin: 0px;}
	.headermenu .secondary-quicklinks span {border-radius: 50%; background: #f1f1f1; padding: 7px; width: 26px; height: 26px;text-align:center;}
	.headermenu .btn-green {position: absolute;}
	
	/* Main menu */
	.headermenu .mainmenu {table-layout:fixed;top: 136px; position: absolute; left: 0px; width: 100%;text-transform: uppercase; text-align:center; font-weight: 700;line-height:1.2; height: 54px; font-size: 13px;}
	.headermenu .mainmenu > li {width: 16.666%;}
	.headermenu .mainmenu > li > a {color: #fff; background: #007cc2; transition: background .2s ease-in-out;vertical-align:middle;display:table-cell; width: 16.666%; position: relative; height: 54px;}
	.headermenu .mainmenu > .active > a, .headermenu .mainmenu .show > a {background: #00659c;}
	.headermenu .mainmenu > li:hover > a {color: #fff;background: #00659c;} 
	.headermenu .mainmenu > li.show {display:inline-block !important}
	
	/* Main menu - dropdowns */
	.headermenu .mainmenu li:hover li a {color: #fff}
	.headermenu .mainmenu ul {line-height: 18px;font-size: 14px;font-weight: 400; width: 250px;top: -9999px;text-align:left; text-transform: none; background: #007cc2; position: absolute; left: 0px;filter:alpha(opacity=0); opacity:0; -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out;}
	.headermenu .mainmenu li:last-child ul {left: auto; right: 0px;  text-align:right;}
	.headermenu .mainmenu ul.active {filter:alpha(opacity=100); opacity:1;top: 54px;}
	.headermenu .mainmenu ul li {margin: 0px;display:block; width: 100%; padding: 0px;}
	.headermenu .mainmenu ul li a  {display:block;padding: 6px;height: auto; }
	.headermenu .mainmenu ul li:hover a {background: #00659c; color: #fff;}

     .headermenu .btn-toggle-offcanvas {position: absolute; top: 12px; right: 15px}

/* ==========================================================================
   Footer
   ========================================================================== */
   
footer {border-top: 30px solid #f5f5f5;position:relative;}
	footer .list-inline a, footer p a {color: #1d1d1d}
	footer address {font-size: 16px; line-height: 24px;}
	footer p {font-size: 14px; line-height: 18px;}
	footer hr {border-top: 1px solid #ccc}
	footer .secondary-quicklinks {position: absolute; top: -77px; right: 0px;font-size: 13px;margin: 0px;}

/* ==========================================================================
   Homepage
   ========================================================================== */
   
.hero-wrapper {position:relative; padding: 0px 0px 30px 0px}
	.hero-wrapper .slick-controls {position: relative; }
	.hero-wrapper .slick-controls .slick-prev, .hero-wrapper .slick-controls .slick-next {z-index:3; opacity: 1; border: none; background: none; font-size:30px; position: absolute; top: 15px; padding: 0px; }
     .hero-wrapper .slick-controls .angle {border-color: #1d1d1d; border-width: 0px 0px 3px 3px; width: 10px; height: 10px;}
	.hero-wrapper .slick-controls .slick-prev {left: auto; right: 35px;}
	.hero-wrapper .slick-controls .slick-next {right: 15px;}
	.hero-slideshow .slick-controls .slick-dots {margin: 0px; padding: 0px; text-align:center; position: absolute; left: 0px; right: 0px; margin: auto; bottom: -30px; list-style:none;z-index: 3;}
	.hero-slideshow .slick-controls .slick-dots button {display: block;width: 10px; height: 10px; border-radius: 50%; background:#1d1d1d; filter:alpha(opacity=50); opacity:.5; padding: 0px; border:none}
	.hero-slideshow .slick-controls .slick-dots .slick-active button {filter:alpha(opacity=100); opacity:1}
	
.help-wrapper { background: url(/img/bg-green.jpg) center center; background-size: cover}
	.help-wrapper h2 {color: #fff;}
	.help-wrapper .help-item {background: #fff; overflow:hidden; position: relative; display:block;height: 100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-between; }
	.help-wrapper a.help-item:hover .help-title {background: #023f26; text-decoration:none;}
	.help-wrapper .help-item p {line-height: 22px; padding: 15px; margin: 0px}
	.help-wrapper .help-item img:not([role]) { object-fit: cover; width: 100%; height: 100%}
	.help-wrapper .help-item .help-title {z-index:2; margin: 0px; text-align:left;  width: 100%; height: 45px; line-height: 45px; padding: 0px; text-transform: uppercase;font-size: 14px; font-weight: 700; color: #fff; background: #025735; }
	.help-wrapper .help-title img {margin: 0px 10px 0px 10px; height: 30px;}
     
/* ==========================================================================
   Components
   ============= ============================================================= */	

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#008651;width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:700;font-size:14px;z-index:999;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff}

/* Ctas */
.cta-wrapper {background: url(/img/bg-grey.jpg) center center;}
	.cta-wrapper p {font-size: 14px; line-height: 18px;margin: 15px 0px 0px 0px;text-transform: uppercase; font-weight: 700;}
	.cta-wrapper a {display:block;color: #1d1d1d;}
	.cta-wrapper a:hover {color: #008651; text-decoration:none}
     
.ctas .btn-green  {border-radius: 4px;padding: 0px;font-size: 14px; text-align: left; height: 47px; line-height: 47px;}
     .ctas .btn-green img {float:left; margin: 9px 10px 0px 10px; height: 30px}

/* Breadcrumbs */
.breadcrumb {background:none; font-size: 14px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;font-weight: 400; text-transform: none;}
	.breadcrumb a {color: #666}
	.breadcrumb > .active {color: #1d1d1d}

/* Images */
     img {max-width: 100%; height: auto}

/* Hamburgers */
.btn-hamburger {border-radius: 0px; height: 36px;margin:0;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;}
    .hamburger-box {position: relative;display: inline-block;width: 24px;height: 24px;}
    .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#1d1d1d}
    .hamburger-inner{top:50%;display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
    .hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
    .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8px;}
    .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-8px;}
    .btn-hamburger.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
    .btn-hamburger.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0}
    .btn-hamburger.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}

/* Submenu */
.submenu {transition: opacity 500ms ease;visibility: hidden; opacity: 0;pointer-events:none;position: absolute}
     .submenu.active {visibility: visible;opacity: 1; overflow:visible; position: relative;pointer-events: all}
     .submenu li {position: relative;}
     .submenu a {display:block;background:#f1f1f1; border-bottom: 1.5px solid #fff;font-size: 13px; padding: 10px; text-decoration:none; transition: background 200ms ease; color: #333; line-height: 1.4}
     .submenu a:hover, .submenu a:focus {color:#333; background: #ddd}
     .submenu li.active > a {color: #007cc2; font-weight: 700; position: relative;background: #fff; }
     .submenu ul a {padding-left: 30px;}
     .submenu ul ul a {padding-left: 50px;}

     /* Submenu subs  */
	.submenu ul {line-height: 17px; font-weight: 400; list-style: none; margin: 0px; padding: 0px; display:none;text-transform: none;}
	.submenu ul.show {display:block}
     .submenu ul a {background: rgba(0,0,0,.1)}
	.submenu .has-ul > a:first-child {padding-right: 40px;}
	.submenu li ul li a:first-child { padding:10px 40px 10px 20px;}
	.submenu li ul li ul a:first-child { padding:10px 40px 10px 30px;}
	.submenu li ul li ul li ul a:first-child { padding:10px 40px 10px 40px;}
	
	/* Submenu dropdown toggles */
	.submenu .btn-toggle-dropdown {color: #999; width:34px; height: 39px; line-height: 1; font-size: 17px; position: absolute; right: 0px; top: 0px; border-radius: 0px; background: none;}
     .submenu .btn-toggle-dropdown::before {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.5px; content: ""; background: #ccc; left: 0px;  height: 20px}
     .submenu .btn-toggle-dropdown span {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.submenu .btn-toggle-dropdown span.rotate {-webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg)}
	.submenu .btn-toggle-dropdown:hover, .submenu .btn-toggle-dropdown:focus {}

     /* Accordions */
     .cms-accordion {margin-bottom: 1rem}
     .cms-accordion .card-header { font-weight: 700; font-size: .875rem}
     .cms-accordion .card-header[aria-expanded=false] {border-color: transparent;display:table;}
     .cms-accordion .card-header::before {content:""; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";transition: transform 250ms ease;color:#007cc2;width: 30px; margin-left: -5px; text-align:center}
     .cms-accordion .card-header[aria-expanded=true]::before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
     .cms-accordion .card-body p:last-child {margin-bottom:0px}
     .cms-accordion .card:not(:last-of-type), .cms-accordion >.card:not(:first-of-type) {border-bottom: 1px solid rgba(0,0,0,.125); border-radius: .25rem}
     .cms-accordion .btn-link {color: #007cc2;}
     .cms-accordion .btn-link:hover, .cms-accordion .btn-link:focus {text-decoration: none}

     /* Tabs */
     .cms-tabs .nav-pills .nav-link.active, .cms-tabs .nav-pills .show>.nav-link {background-color: #007cc2;color: #fff}

     /* News */
     .cms-newspress-list .badge-primary {background: #017547 !important}
     .cms-newspress-list .page-item.active .page-link {background-color: #007cc2; border-color: #007cc2}


/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	

/* Font Size */
.medium {font-size: 18px; line-height: 22px;}
.large {font-size: 20px; line-height: 24px;}
.x-large {font-size: 24px; line-height: 28px;}
.xx-large {font-size: 28px; line-height: 32px;}

/* Colors */
.blue {color: #007cc2;}
.green {color: #008651}
.orange {color: #a25c00;}
	
/* Buttons */
.btn-green, .btn-blue {font-weight: 700; font-size: 12px;padding: 9px 30px 8px 30px; text-transform: uppercase; border: none; border-radius: 30px;font-family: 'Open Sans', sans-serif;white-space:normal; line-height: 1.2}
.btn-sm {font-size: 12px; padding: 4px 14px}

.btn-blue {background:#007cc2; color: #fff;}
	.btn-blue a {color: #fff}
	.btn-blue:hover, .btn-blue:hover a, .btn-blue a:focus {color: #fff;text-decoration:none;}
	.btn-blue:hover {background: #00659c}

.btn-green {background:#008651; color: #fff;}
	.btn-green a {color: #fff}
	.btn-green:hover, .btn-green:hover a, .btn-green a:focus {color: #fff;text-decoration:none;}
	.btn-green:hover {background: #017547}
	
/* ==========================================================================
   Bootstrap
   ========================================================================== */	

/* Pills */   
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: #007cc2;
}

/* List groups */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #007cc2;
    border-color: #007cc2;
}

/* Nav tabs */
.nav-tabs {border-bottom: 2px solid #007cc2; }
.nav-tabs>li {margin-bottom: -2px;}
.nav-tabs>li>a {color: #000; background: #f1f1f1; border: none;}
.nav-tabs>li>a:hover {background: #007cc2; color: #fff}

@media (min-width: 0px) {
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
		background-color: #007cc2;
		color: #fff
	}
}

@media (max-width: 767px) { 
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd; 
    }
    .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	   border-radius: 0px;
	   border: none;
	}
	.nav-tabs>li>a {
       margin-right: 0px;
       border:none;
    }
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 0px) {
	/* Offcanvas overlay */
	.overlay {top: 80px;}
	
	/* Headings */
	h1 {font-size: 34px;}
	h2 {font-size: 24px;}
	
	/* Homepage */
	.help-wrapper {padding: 40px 0px 10px 0px;}
     .alert-wrapper {position: fixed;}
	.news-wrapper .whats-new {margin-bottom: 15px;} 
	
	/* Content */
	.content-wrapper { padding: 20px 0px 20px 0px}
	
	/* Header */
     body {padding-top: 60px}
	header {height: 60px;position: fixed; top: 0px; left: 0px; width: 100%}
	header .logo  {width: 190px;top:9px;}
	.headermenu .mainmenu, .headermenu .main-quicklinks, .headermenu .secondary-quicklinks {display:none;}
	.headermenu .btn-green {display:none}
}

@media (min-width: 768px) {
	/* Headings */
	h1 {font-size: 44px }
	h2 {font-size: 30px;}
	
	/* Header */
     body {padding-top: 0px}
	header {height: 190px;border-bottom: 55px solid #007cc2;position: relative;}
	header .logo {top: 55px; width: 290px; }
	.headermenu .mainmenu {display:table; }
	.headermenu .main-quicklinks, .headermenu .secondary-quicklinks {display:block}
	.headermenu .main-quicklinks { top: 7px;right: 0px;}
	.headermenu .btn-green {top: 51px; right: 15px;  display:block}
		
	/* Homepage */
	.news-wrapper .whats-new {margin-bottom: 0px;} 
	.alert-wrapper {position: relative}
}

@media (min-width: 992px) {
	/* Header */
	.headermenu .main-quicklinks { top: 15px;right: 175px;}
	.headermenu .btn-green {top: 15px; }
	
	/* Homepage */
	.news-wrapper .date {top: 85px; }
}

@media (min-width: 1200px) {
	/* Header */
	header .logo {top:40px; width: 330px; }
}