@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: local('EB Garamond Bold'), local('EBGaramond-Bold'), url(https://fonts.gstatic.com/s/ebgaramond/v9/SlGJmQSNjdsmc35JDF1K5GzObSwSQg4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html {
  background-color: #fff;
  padding: 0;
  margin: 0;
}
html body {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  float: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  font-size: 13px;
  font-family: Arial, sans-serif;
}
@media (min-width: 640px) {
  html body {
    width: 640px;
    display: block;
    box-sizing: border-box;
  }
}
html body else {
  width: 640px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  html body {
    width: 968px;
    display: block;
    box-sizing: border-box;
  }
}
html body else {
  width: 968px;
  display: block;
  box-sizing: border-box;
}
html body a {
  color: black;
  text-decoration: none;
}
html body a:focus,
html body a:active {
  outline: none;
}
html body h1,
html body h2,
html body h3 {
  font-family: Futura PT W01 Bold, sans-serif;
  margin: 0;
  color: #003d7d;
}
#top-nav {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  #top-nav {
    width: 968px;
    display: block;
    box-sizing: border-box;
  }
}
#top-nav else {
  width: 968px;
  display: block;
  box-sizing: border-box;
}
#top-nav a:focus,
#top-nav a:hover {
  outline: #48a942 1px solid;
}
#top-nav a:active {
  outline: none;
}
#top-nav #menu-block {
  display: inline-block;
  float: right;
}
#top-nav #menu-block #menu-button {
  display: none;
  background-color: #48a942;
  color: white;
  line-height: 14px;
  padding: 8px;
  border: none;
  float: right;
}
#top-nav #menu-block #menu-button:focus,
#top-nav #menu-block #menu-button:hover {
  background-color: #284e36;
  outline: none;
}
#top-nav #menu-block ul {
  float: right;
  margin: 0;
  padding: 0;
}
#top-nav #menu-block ul li {
  display: block;
  float: left;
  line-height: 20px;
}
#top-nav #menu-block ul li a {
  display: inline-block;
  line-height: 14px;
  margin-right: 2px;
  border-radius: 0;
  margin-top: 0;
  background-color: #48a942;
  color: white;
  padding: 8px;
}
#top-nav #menu-block ul li a.active,
#top-nav #menu-block ul li a:focus,
#top-nav #menu-block ul li a:hover {
  background-color: #284e36;
  outline: none;
}
#top-nav #menu-block form {
  float: right;
}
@media (max-width: 640px) {
  #top-nav #menu-block {
    position: relative;
  }
  #top-nav #menu-block #menu-button {
    display: block;
  }
  #top-nav #menu-block ul {
    display: none;
  }
  #top-nav #menu-block.responsive ul {
    position: absolute;
    top: 30px;
    right: 0px;
    display: block;
    border: 5px solid #48a942;
    /*width: 15em;*/
  }
  #top-nav #menu-block.responsive ul li {
    float: right;
    clear: both;
    border: 1px solid white;
    /*                    &:last-child{
                        border-bottom: none;
                    }*/
  }
  #top-nav #menu-block.responsive ul li a {
    width: 10em;
  }
}
#top-nav img {
  margin-top: 20px;
}
#top {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  /*background-color: @green;*/
  /*    margin-bottom: @gutter;
    background-image: url(/templates/threeyearplan/image/circles.jpg);*/
  /*background-size: cover;*/
  /*    border-bottom: solid 1px @blue;*/
}
@media (min-width: 968px) {
  #top {
    width: 968px;
    display: block;
    box-sizing: border-box;
  }
}
#top else {
  width: 968px;
  display: block;
  box-sizing: border-box;
}
#top a:focus img,
#top a:hover img {
  opacity: 0.9;
  outline: 1px solid #003d7d;
}
#top img {
  width: 100%;
  height: auto;
}
#top #plan-banner {
  display: block;
}
#top #plan-banner-mobile {
  display: none;
}
@media (max-width: 640px) {
  #top #plan-banner {
    display: none;
  }
  #top #plan-banner-mobile {
    display: block;
  }
}
#top > div {
  column-count: 2;
}
#top > div p {
  margin: 0;
}
#top h1,
#top p {
  display: none;
}
main {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  main {
    width: 722px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  main:nth-of-type( 2n) {
    margin-right: 0;
  }
  main:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
main else {
  width: 722px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
main else:nth-of-type( 2n) {
  margin-right: 0;
}
#landing-text {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 394px) {
  #landing-text {
    width: 271px;
    display: block;
    box-sizing: border-box;
  }
}
#landing-text else {
  width: 271px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 476px) {
  #landing-text {
    width: 312px;
    display: block;
    box-sizing: border-box;
  }
}
#landing-text else {
  width: 312px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #landing-text {
    width: 394px;
    display: block;
    box-sizing: border-box;
  }
}
#landing-text else {
  width: 394px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  #landing-text {
    width: 722px;
    display: block;
    box-sizing: border-box;
  }
}
#landing-text else {
  width: 722px;
  display: block;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  #landing-text {
    padding: 0 16px;
  }
}
#landing-text p,
#landing-text h1,
#landing-text h2,
#landing-text h3 {
  font-size: 16px;
}
#landing-text p {
  line-height: 1.5;
}
#landing-text h1,
#landing-text h2 {
  font-weight: bold;
  color: inherit;
}
#download {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  float: right;
  display: block;
  padding: 0;
  /*    &.for-category-list{
        position: absolute;
        top: 200px; 
        right: 0;
    }*/
}
@media (min-width: 394px) {
  #download {
    width: 107px;
    display: block;
    box-sizing: border-box;
  }
}
#download else {
  width: 107px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 476px) {
  #download {
    width: 148px;
    display: block;
    box-sizing: border-box;
  }
}
#download else {
  width: 148px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #download {
    width: 230px;
    display: block;
    box-sizing: border-box;
  }
}
#download else {
  width: 230px;
  display: block;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  #download {
    padding: 0 16px;
  }
}
#download a {
  color: black;
}
#download a:focus,
#download a:hover {
  outline: none;
}
#download a:focus,
#download a:hover,
#download a:focus h1,
#download a:hover h1,
#download a:focus h2,
#download a:hover h2,
#download a:focus h3,
#download a:hover h3 {
  text-decoration: underline;
}
#download img {
  display: block;
  float: none;
}
#article-modules {
  float: left;
  /*    @media ( max-width: ( @columns * @column-width ) + ( ( @columns - 1 ) * @gutter ) ){
        float: none;
    }*/
}
@media (min-width: 984px) {
  #article-modules {
    width: 968px;
    display: block;
  }
}
#extra-articles {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #extra-articles {
    width: 640px;
    display: block;
    box-sizing: border-box;
  }
}
#extra-articles else {
  width: 640px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  #extra-articles {
    width: 230px;
    display: block;
    box-sizing: border-box;
  }
}
#extra-articles else {
  width: 230px;
  display: block;
  box-sizing: border-box;
}
#extra-articles article {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  height: auto;
  font-size: 16px;
  background-color: #003d7d;
  color: white;
  padding: 16px;
}
@media (min-width: 640px) {
  #extra-articles article {
    width: 312px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #extra-articles article:nth-of-type( 2n) {
    margin-right: 0;
  }
  #extra-articles article:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#extra-articles article else {
  width: 312px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#extra-articles article else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #extra-articles article {
    width: 230px;
    display: block;
    box-sizing: border-box;
  }
}
#extra-articles article else {
  width: 230px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #extra-articles article {
    height: 164px;
  }
}
#extra-articles article else {
  height: 164px;
}
@media (min-width: 968px) {
  #extra-articles article {
    height: 205px;
  }
}
#extra-articles article else {
  height: 205px;
}
#extra-articles article a:focus,
#extra-articles article a:hover {
  outline: none;
}
#extra-articles article a:focus h1,
#extra-articles article a:hover h1,
#extra-articles article a:focus h2,
#extra-articles article a:hover h2,
#extra-articles article a:focus h3,
#extra-articles article a:hover h3 {
  text-decoration: underline;
}
#extra-articles article a:active {
  outline: none;
}
#extra-articles article a {
  display: block;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: inherit;
  color: inherit;
}
#extra-articles article:first-of-type {
  background-color: #eae2dd;
  color: black;
}
#extra-articles article:first-of-type h2 {
  color: #003d7d;
}
#extra-articles article h2 {
  color: white;
  line-height: 1.1;
}
#extra-articles article p:first-of-type {
  margin-top: 2px;
}
@media (max-width: 640px) {
  #extra-articles article p:first-of-type {
    margin-top: 16px;
  }
}
#themes {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #themes {
    width: 640px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #themes:nth-of-type( 2n) {
    margin-right: 0;
  }
  #themes:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#themes else {
  width: 640px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#themes else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #themes {
    width: 722px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #themes:nth-of-type( 2n) {
    margin-right: 0;
  }
  #themes:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#themes else {
  width: 722px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#themes else:nth-of-type( 2n) {
  margin-right: 0;
}
#themes .theme {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  overflow-y: hidden;
  position: relative;
  padding: 0;
  color: black;
  /*            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;*/
}
@media (min-width: 640px) {
  #themes .theme {
    width: 312px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #themes .theme:nth-of-type( 2n) {
    margin-right: 0;
  }
  #themes .theme:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#themes .theme else {
  width: 312px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#themes .theme else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #themes .theme {
    width: 353px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #themes .theme:nth-of-type( 2n) {
    margin-right: 0;
  }
  #themes .theme:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#themes .theme else {
  width: 353px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#themes .theme else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 394px) {
  #themes .theme {
    height: 164px;
  }
}
#themes .theme else {
  height: 164px;
}
@media (min-width: 640px) {
  #themes .theme {
    height: 205px;
  }
}
#themes .theme else {
  height: 205px;
}
#themes .theme a:focus,
#themes .theme a:hover {
  outline: none;
}
#themes .theme a:focus h1,
#themes .theme a:hover h1,
#themes .theme a:focus h2,
#themes .theme a:hover h2,
#themes .theme a:focus h3,
#themes .theme a:hover h3 {
  text-decoration: underline;
}
#themes .theme a:active {
  outline: none;
}
#themes .theme h2 {
  color: #003d7d;
  text-transform: uppercase;
  /*padding: 0 @gutter;*/
}
#themes .theme p {
  margin: 0;
}
#themes .theme img {
  /*            top: 0;
            left: 0;*/
  z-index: 0;
  width: 100%;
  height: auto;
}
#themes .theme div {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  /*height: @column-width * 1.5;*/
  z-index: 100;
  color: black;
  background-color: rgba(234, 226, 221, 0.85);
  width: 100%;
  min-height: 48%;
  padding: 8px;
  box-sizing: border-box;
  transition-property: all;
  transition-delay: 0.2s;
  transition-duration: 1s;
}
#themes .theme a:hover h2 {
  text-decoration: underline;
}
#themes .theme:hover div {
  min-height: 100%;
}
#theme-nav {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  #theme-nav {
    width: 968px;
    display: block;
    box-sizing: border-box;
  }
}
#theme-nav else {
  width: 968px;
  display: block;
  box-sizing: border-box;
}
#theme-nav a {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background-color: #48a942;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Futura PT W01 Bold, sans-serif;
  /*font-weight: bold;*/
  color: white;
  font-size: 150%;
  text-transform: uppercase;
  /*        &:before{
            content: "#";
        }*/
}
@media (min-width: 640px) {
  #theme-nav a {
    width: 312px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #theme-nav a:nth-of-type( 2n) {
    margin-right: 0;
  }
  #theme-nav a:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#theme-nav a else {
  width: 312px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#theme-nav a else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #theme-nav a {
    width: 230px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #theme-nav a:nth-of-type( 4n) {
    margin-right: 0;
  }
  #theme-nav a:not(:nth-of-type( 4n)) {
    margin-right: 16px;
  }
}
#theme-nav a else {
  width: 230px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#theme-nav a else:nth-of-type( 4n) {
  margin-right: 0;
}
#theme-nav a.active {
  background-color: #003d7d;
}
#theme-nav a:focus,
#theme-nav a:hover {
  background-color: #284e36;
}
@media (max-width: 640px) {
  #theme-nav a {
    margin-bottom: 2px;
    padding: 8px 0;
  }
}
#extra-nav {
  float: left;
  /*    @media ( max-width: ( @columns * @column-width ) + ( ( @columns - 1 ) * @gutter ) ){
        float: none;
    }*/
}
@media (min-width: 984px) {
  #extra-nav {
    width: 968px;
    display: block;
  }
}
#extra-nav a {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  background-color: #003d7d;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 968px) {
  #extra-nav a {
    width: 476px;
    display: block;
    box-sizing: border-box;
  }
}
#extra-nav a else {
  width: 476px;
  display: block;
  box-sizing: border-box;
}
body main article.single {
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-size: 15px;
  line-height: 1.5;
}
@media (min-width: 968px) {
  body main article.single {
    width: 722px;
    display: block;
    box-sizing: border-box;
  }
}
body main article.single else {
  width: 722px;
  display: block;
  box-sizing: border-box;
}
body main article.single aside {
  float: right;
  margin-top: -60px;
  margin-left: 16px;
  margin-bottom: 16px;
}
body main article.single h1,
body main article.single h2,
body main article.single h3,
body main article.single h4,
body main article.single h5 {
  color: black;
  font-size: inherit;
  font-family: inherit;
  margin: 1em 0;
}
body main article.single h2:first-child {
  color: #003d7d;
  font-size: 300%;
  text-transform: uppercase;
  margin: 0;
  /*        &:before{
            content: "#";
        }*/
}
body main article.single ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
body main article.single ul li {
  margin: 0;
  line-height: 1.6;
  margin-left: 2em;
}
body main article.single ul li:before {
  content: "- ";
}
@media (max-width: 640px) {
  body main article.single p,
  body main article.single h2,
  body main article.single h3,
  body main article.single h4 {
    padding: 0 16px;
  }
  body main article.single aside {
    float: none;
    margin-left: 0;
  }
  body main article.single aside img {
    width: 100%;
    height: auto;
  }
  body main article.single h2 {
    width: 100%;
    float: left;
  }
}
body main article.single p {
  margin: 1em 0;
  /*        &:first-of-type{
            &:first-letter{
                font-size: 300%;
                font-weight: bold;
                font-family: sans-serif;
                color: @green;
            }
            &:first-line{
                line-height: 0.3;
            }
        }*/
}
body main article.single p.quote {
  float: right;
  width: 40%;
  margin: 16px 0 16px 32px;
  font-weight: bold;
  text-align: justify;
}
body main article.single p.quote:before {
  content: "“";
  font-size: 600%;
  color: #48a942;
  display: block;
  line-height: 0.2;
  font-family: 'EB Garamond', sans-serif;
  font-weight: bold;
}
body main article.single p.quote:after {
  content: "”";
  font-size: 600%;
  color: #48a942;
  line-height: 1;
  height: 30px;
  display: block;
  font-family: 'EB Garamond', sans-serif;
  font-weight: bold;
}
body main article.single .bio-block {
  background-color: #eae2dd;
  padding: 16px;
  clear: both;
  font-size: 16px;
}
body main article.single .bio-block img,
body main article.single p img {
  display: block;
  float: none;
  margin: 16px auto;
}
@media (max-width: 640px) {
  body main article.single .bio-block img,
  body main article.single p img {
    margin: 0;
    width: 100%;
    height: auto;
  }
}
body main article.single .bio-block img:first-child,
body main article.single p img:first-child {
  margin-top: 0;
}
body main article.single .bio-block img:last-child,
body main article.single p img:last-child {
  margin-bottom: 0;
}
body main article.single p:first-of-type img {
  float: none;
  margin: 16px 0;
  width: 100%;
}
body main article.single a {
  color: #48a942;
}
body main article.single a:hover,
body main article.single afocus {
  background-color: green;
  color: white;
}
body main article.single a,
#landing-text a {
  color: #48a942;
}
body main article.single a:hover,
#landing-text a:hover,
body main article.single a:focus,
#landing-text a:focus {
  background-color: green;
  color: white;
}
#footer {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin: 0 0 16px 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 100px;
  font-size: 10px;
}
@media (min-width: 640px) {
  #footer {
    width: 640px;
    display: block;
    box-sizing: border-box;
  }
}
#footer else {
  width: 640px;
  display: block;
  box-sizing: border-box;
}
@media (min-width: 968px) {
  #footer {
    width: 968px;
    display: block;
    box-sizing: border-box;
  }
}
#footer else {
  width: 968px;
  display: block;
  box-sizing: border-box;
}
#footer a:hover,
#footer a:focus {
  color: #48a942;
}
#footer #pos-footer-left,
#footer #pos-footer-right {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 640px) {
  #footer #pos-footer-left,
  #footer #pos-footer-right {
    width: 312px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #footer #pos-footer-left:nth-of-type( 2n),
  #footer #pos-footer-right:nth-of-type( 2n) {
    margin-right: 0;
  }
  #footer #pos-footer-left:not(:nth-of-type( 2n)),
  #footer #pos-footer-right:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#footer #pos-footer-left else,
#footer #pos-footer-right else {
  width: 312px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#footer #pos-footer-left else:nth-of-type( 2n),
#footer #pos-footer-right else:nth-of-type( 2n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #footer #pos-footer-left,
  #footer #pos-footer-right {
    width: 476px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #footer #pos-footer-left:nth-of-type( 2n),
  #footer #pos-footer-right:nth-of-type( 2n) {
    margin-right: 0;
  }
  #footer #pos-footer-left:not(:nth-of-type( 2n)),
  #footer #pos-footer-right:not(:nth-of-type( 2n)) {
    margin-right: 16px;
  }
}
#footer #pos-footer-left else,
#footer #pos-footer-right else {
  width: 476px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#footer #pos-footer-left else:nth-of-type( 2n),
#footer #pos-footer-right else:nth-of-type( 2n) {
  margin-right: 0;
}
#footer #pos-footer-left ul,
#footer #pos-footer-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer #pos-footer-left ul li,
#footer #pos-footer-right ul li {
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  float: left;
  /*& when not ( @cols = 1) { margin: 0 @gutter @gutter 0 };*/
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 10px;
}
@media (min-width: 640px) {
  #footer #pos-footer-left ul li,
  #footer #pos-footer-right ul li {
    width: 66px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #footer #pos-footer-left ul li:nth-of-type( 4n),
  #footer #pos-footer-right ul li:nth-of-type( 4n) {
    margin-right: 0;
  }
  #footer #pos-footer-left ul li:not(:nth-of-type( 4n)),
  #footer #pos-footer-right ul li:not(:nth-of-type( 4n)) {
    margin-right: 16px;
  }
}
#footer #pos-footer-left ul li else,
#footer #pos-footer-right ul li else {
  width: 66px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#footer #pos-footer-left ul li else:nth-of-type( 4n),
#footer #pos-footer-right ul li else:nth-of-type( 4n) {
  margin-right: 0;
}
@media (min-width: 968px) {
  #footer #pos-footer-left ul li,
  #footer #pos-footer-right ul li {
    width: 107px;
    display: block;
    box-sizing: border-box;
    margin: 0 16px 16px 0;
  }
  #footer #pos-footer-left ul li:nth-of-type( 4n),
  #footer #pos-footer-right ul li:nth-of-type( 4n) {
    margin-right: 0;
  }
  #footer #pos-footer-left ul li:not(:nth-of-type( 4n)),
  #footer #pos-footer-right ul li:not(:nth-of-type( 4n)) {
    margin-right: 16px;
  }
}
#footer #pos-footer-left ul li else,
#footer #pos-footer-right ul li else {
  width: 107px;
  display: block;
  box-sizing: border-box;
  margin: 0 16px 16px 0;
}
#footer #pos-footer-left ul li else:nth-of-type( 4n),
#footer #pos-footer-right ul li else:nth-of-type( 4n) {
  margin-right: 0;
}
#footer #pos-footer-left ul > li,
#footer #pos-footer-right ul > li {
  margin-bottom: 0;
}