@import url(http://fonts.googleapis.com/css?family=Play:400,700);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 62.5%; }

.center, header, main, footer {
  margin: 0px auto;
  margin: 0rem auto; }

body {
  background-color: #3f3f3f;
  min-width: 301px;
  min-width: 30.1rem;
  overflow-y: scroll; }

#pageWrapper {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

header, main, footer {
  width: 960px;
  width: 96rem;
  max-width: 960px;
  max-width: 96rem;
  display: -webkit-flex;
  display: flex;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  clear: both; }

header, footer {
  background-color: #b24d34; }

header {
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap; }

#headerMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 5px 0px;
  padding: .5rem 0rem;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3b2c19;
  font-family: "Play", sans-serif; }

#login {
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-start;
  align-self: flex-start; }
  #login form {
    display: -webkit-flex;
    display: flex;
    margin-left: auto; }
  #login ul {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    list-style-type: none; }
  #login li {
    display: -webkit-inline-block;
    display: inline-block;
    text-align: center;
    font-family: "Calibri", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    color: #3b2c19;
    margin-left: 5px;
    margin-left: .5rem; }
  #login label {
    @inlude font-size(13);
    padding-top: 6px; }
  #login input {
    font-size: 13px;
    font-size: 1.3rem;
    float: right; }
  #login a:link, #login a:visited {
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    text-decoration: none;
    font-weight: bold;
    color: #e6d8c6; }
  #login a:hover, #login a:active {
    font-family: "Calibri", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    text-decoration: none;
    font-weight: bold;
    color: #3b2c19; }
  #login .mobileNav {
    display: none; }

#mainMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: flex-end;
  align-self: flex-end; }
  #mainMenu ul {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style-type: none;
    justify-content: space-between; }
  #mainMenu li {
    display: -webkit-inline-block;
    display: inline-block;
    text-align: center;
    z-index: 1000; }
  #mainMenu a:link, #mainMenu a:visited {
    font-family: "Calibri", sans-serif;
    font-size: 23px;
    font-size: 2.3rem;
    text-decoration: none;
    color: #e6d8c6;
    font-weight: bold; }
  #mainMenu a:hover, #mainMenu a:active {
    font-family: "Calibri", sans-serif;
    font-size: 23px;
    font-size: 2.3rem;
    text-decoration: none;
    color: #3b2c19;
    font-weight: bold; }
  #mainMenu .mobileNav {
    display: none; }

main {
  background-color: #e6d8c6; }

.homeTile, .homeInfo {
  margin: 10px !important;
  margin: 1rem !important;
  height: auto; }
  .homeTile img, .homeInfo img {
    width: 100%;
    height: auto;
    box-shadow: 2px 3px 8px 1px #323232; }

.homeInfo {
  border-top-right-radius: 10px;
  border-top-right-radius: 1rem;
  border-top-left-radius: 10px;
  border-top-left-radius: 1rem;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column wrap;
  flex-flow: column wrap;
  box-shadow: 2px 3px 8px 1px #323232;
  margin: 10px !important;
  margin: 1rem !important; }
  .homeInfo h2 {
    font-family: "Calibri", sans-serif;
    text-align: center;
    font-weight: bolder;
    background-color: #b24d34;
    padding: 3px 0px;
    padding: .3rem 0rem; }
  .homeInfo p {
    font-family: "Times New Roman", sans-serif;
    font-weight: normal;
    text-align: center;
    padding: 10px;
    padding: 1rem;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: auto; }

#mainCont {
  padding: 10px; }
  #mainCont h1 {
    color: #b24d34;
    font-family: "Calibri", sans-serif;
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: bold;
    margin-bottom: 10px; }
  #mainCont h3 {
    font-family: "Play", sans-serif;
    font-size: 22px;
    font-size: 2.2rem;
    color: #7a7a7a;
    text-indent: 20px;
    font-weight: 700; }
  #mainCont p {
    font-family: "Play", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    letter-spacing: 0.3px;
    margin: 3px 0px 13px;
    font-weight: 500;
    color: black; }
    #mainCont p a:link, #mainCont p a:visited {
      color: #3b2c19;
      font-weight: 700; }
  #mainCont #sideNav {
    float: left;
    background-color: #d5bfa0;
    margin: 10px 10px 10px 0px;
    margin: 1rem 1rem 1rem 0rem;
    position: relative; }
    #mainCont #sideNav a:link, #mainCont #sideNav a:visited {
      font-family: "Calibri", sans-serif;
      color: #3b2c19;
      font-size: 25px;
      font-size: 2.5rem;
      text-decoration: none;
      font-weight: bold; }
    #mainCont #sideNav a:hover, #mainCont #sideNav a:active {
      color: #3b2c19;
      text-decoration: none; }
    #mainCont #sideNav .mobileNav {
      display: none; }
    #mainCont #sideNav li:not(.mobileNav) {
      padding: 13px 55px 13px 10px;
      padding: 1.3rem 5.5rem 1.3rem 1.0rem; }
    #mainCont #sideNav li:not(.mobileNav):hover {
      border-bottom: solid 2px #3b2c19; }
  #mainCont #sideBar {
    float: right;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap; }
    #mainCont #sideBar img {
      margin: 10px; }
  #mainCont #newMember {
    margin: 0rem auto; }
    #mainCont #newMember label {
      font-family: "Calibri", sans-serif;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      color: #3b2c19; }
    #mainCont #newMember input {
      margin: 1px 40px 10px 0px; }

#listContent {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 10px; }

#addItemForm {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  margin: 10px auto; }
  #addItemForm form {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
    #addItemForm form div {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column wrap;
      flex-flow: column wrap;
      flex-grow: 0;
      flex-shrink: 0;
      margin: 5px auto; }
      #addItemForm form div label {
        font-family: "Play", sans-serif;
        font-size: 19px;
        font-size: 1.9rem;
        font-weight: bold;
        color: #3b2c19;
        margin-bottom: 5px; }
      #addItemForm form div img {
        display: none;
        height: auto;
        max-width: 227px;
        width: 100%;
        margin: 20px auto; }

#listContent #memberInfo h1 {
  font-family: "Calibri", sans-serif;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  color: #b24d34;
  margin-bottom: 10px; }
#listContent #allLists, #listContent #selectedList {
  font-family: "Play", sans-serif;
  color: #3b2c19;
  font-size: 13px;
  font-size: 1.3rem; }
  #listContent #allLists li, #listContent #selectedList li {
    padding: 5px 5px;
    margin: 2px 0px;
    margin-left: 10px;
    cursor: pointer; }
  #listContent #allLists li:not(.campListItemHeader):hover, #listContent #selectedList li:not(.campListItemHeader):hover {
    background-color: #d5bfa0; }
  #listContent #allLists li.selected, #listContent #selectedList li.selected {
    background-color: #d5bfa0; }
  #listContent #allLists li.campListItemHeader, #listContent #selectedList li.campListItemHeader {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #7c4d34;
    padding: 0px;
    margin: 0px;
    cursor: default; }
#listContent #itemInformation h2 {
  font-family: "Play", sans-serif;
  color: #7c4d34;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: default;
  font-weight: bold; }
#listContent #itemInformation img {
  max-width: 58%;
  width: 58%;
  float: right;
  padding: 5px; }
#listContent #itemInformation #itemStats {
  font-family: "Play", sans-serif;
  color: #3b2c19;
  font-size: 15px;
  font-size: 1.5rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-bottom: 20px; }
  #listContent #itemInformation #itemStats div {
    margin: 7px 5px;
    font-weight: bold; }
  #listContent #itemInformation #itemStats div.value {
    text-align: right; }
#listContent #itemInformation #itemDescription p {
  font-family: "Calibri", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 2px 5px;
  line-height: 17px;
  letter-spacing: .6px; }
#listContent #itemInformation #itemDescription a:link, #listContent #itemInformation #itemDescription a:visited, #listContent #itemInformation #itemDescription a:hover, #listContent #itemInformation #itemDescription a:active {
  font-family: "Play", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 2.5px 5px;
  letter-spacing: .75px;
  float: right;
  color: #b24d34;
  text-decoration: none;
  font-weight: bold; }

footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  @inlude font-size(13);
  font-family: "Play", sans-serif;
  font-weight: bold; }
  footer ul {
    margin: 10px 5px;
    padding: 3px;
    border-left: solid 1px #e6d8c6; }
    footer ul li {
      margin: 5px 0px;
      padding-left: 10px; }
      footer ul li a:link, footer ul li a:visited {
        text-decoration: none;
        color: #e6d8c6; }
      footer ul li a:hover, footer ul li a:active {
        text-decoration: none;
        color: #e6d8c6; }
    footer ul li:first-of-type {
      margin: 0px 0px 5px;
      padding-left: 0px; }
      footer ul li:first-of-type a:link, footer ul li:first-of-type a:visited {
        text-decoration: none;
        color: #3b2c19; }
      footer ul li:first-of-type a:hover, footer ul li:first-of-type a:active {
        text-decoration: none;
        color: #3b2c19; }

/*********Application********/
#appContainer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; }

#appContainer2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 20px 0px;
  position: relative; }

#chooseAPack {
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  padding-top: 20px;
  padding-top: 2rem; }
  #chooseAPack img.chooseLeft {
    display: inline-block;
    transform: perspective(200px) rotateY(-11deg);
    transform: perspective(20rem) rotateY(-11deg);
    width: 20.8%;
    height: 250px;
    height: 25rem;
    opacity: 0.75;
    left: 20px;
    left: 2rem;
    left: 2%;
    top: 35px;
    top: 3.5rem;
    z-index: 55;
    cursor: pointer;
    position: absolute; }
  #chooseAPack img.chooseCenter {
    display: inline-block;
    transform: perspective(200px) rotateY(0deg);
    transform: perspective(20rem) rotateY(0deg);
    left: 250px;
    left: 25rem;
    left: 26%;
    top: 20px;
    top: 2rem;
    z-index: 55;
    cursor: pointer;
    position: absolute;
    width: 47.9%; }
  #chooseAPack img.chooseRight {
    display: inline-block;
    transform: perspective(200px) rotateY(11deg);
    transform: perspective(20rem) rotateY(11deg);
    width: 20.8%;
    height: 250px;
    height: 25rem;
    opacity: 0.75;
    left: 740px;
    left: 74rem;
    left: 77%;
    top: 35px;
    top: 3.5rem;
    z-index: 55;
    cursor: pointer;
    position: absolute; }

#packInfo {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-bottom: 10px;
  padding-bottom: 1rem;
  margin-top: 20px;
  margin-top: 2rem; }
  #packInfo #packStats {
    background-color: #d5bfa0; }
    #packInfo #packStats h3 {
      font-family: "Calibri", sans-serif;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: bolder;
      color: #3b2c19;
      margin: 5px;
      margin: 0.5rem; }
    #packInfo #packStats #packStatsTable {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      justify-content: space-between; }
      #packInfo #packStats #packStatsTable div {
        font-family: "Play", sans-serif;
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        padding: 9px;
        padding: 0.9rem; }
      #packInfo #packStats #packStatsTable div:nth-child(odd) {
        color: #1d1c19; }
      #packInfo #packStats #packStatsTable div:nth-child(even) {
        color: #b24d34;
        text-align: right; }
  #packInfo #packDesc {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }
    #packInfo #packDesc h1 {
      font-family: "Calibri", sans-serif;
      font-size: 36px;
      font-size: 3.6rem;
      color: #b24d34;
      font-weight: bolder;
      width: 100%;
      margin-bottom: 15px; }
    #packInfo #packDesc p {
      font-family: "Play", sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      color: black;
      line-height: 21px;
      letter-spacing: 1px;
      margin: 10px; }
      #packInfo #packDesc p a:link, #packInfo #packDesc p a:visited, #packInfo #packDesc p a:hover, #packInfo #packDesc p a:active {
        font-size: 18px;
        font-size: 1.8rem;
        color: #b24d34;
        text-align: right;
        text-decoration: none;
        float: right;
        font-weight: bolder; }
    #packInfo #packDesc button {
      position: absolute;
      top: 0px;
      right: 0px;
      border-radius: 5px;
      border-radius: .5rem;
      font-family: "Play", sans-serif;
      font-weight: bolder;
      font-size: 24px;
      font-size: 2.4rem;
      background-color: #b24d34;
      color: white;
      width: 200px;
      width: 20rem;
      letter-spacing: .5px;
      margin-bottom: 3px; }

#packingArea {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-flex-shrink: 0; }
  #packingArea #areaSelection {
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin: 0px auto; }
    #packingArea #areaSelection img {
      max-width: 300px;
      max-width: 30rem;
      height: auto;
      width: 100%; }
    #packingArea #areaSelection div.areaSelection {
      position: absolute;
      height: 33%;
      width: 100%;
      left: 0px;
      cursor: pointer;
      text-align: center;
      font-family: "Play", sans-serif;
      font-size: 40px;
      font-size: 4rem;
      font-weight: bolder;
      color: black;
      width: 100%;
      text-shadow: 2px 2px white, 2px -2px white, -2px 2px white, -2px -2px white; }
      #packingArea #areaSelection div.areaSelection div.fillBar {
        position: absolute;
        bottom: -3px;
        height: 0%;
        width: 100%;
        opacity: 0.8; }
    #packingArea #areaSelection #medWeight {
      background-color: rgba(178, 77, 52, 0.2);
      top: 0%; }
      #packingArea #areaSelection #medWeight div.fillBar {
        background-color: #b24d34; }
    #packingArea #areaSelection #heavyWeight {
      background-color: rgba(59, 44, 25, 0.2);
      top: 33%; }
      #packingArea #areaSelection #heavyWeight div.fillBar {
        background-color: #3b2c19; }
    #packingArea #areaSelection #litWeight {
      background-color: rgba(230, 216, 198, 0.2);
      bottom: 0%; }
      #packingArea #areaSelection #litWeight div.fillBar {
        background-color: #e6d8c6; }
  #packingArea #loadOut {
    background-color: #d5bfa0;
    margin: 20px auto 0px; }
    #packingArea #loadOut h2 {
      font-family: "Play", sans-serif;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bolder; }
    #packingArea #loadOut #sectionDetails, #packingArea #loadOut #bagDetails {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      font-family: "Play", sans-serif;
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold;
      color: #3b2c19;
      margin-bottom: 5px;
      margin-bottom: .5rem;
      border-bottom: 1px solid #3b2c19;
      /*.packLabels:first-child{
          span:first-child{
              color:$lightBrown;
              @include font-size(24);
          }
      }*/ }
      #packingArea #loadOut #sectionDetails div, #packingArea #loadOut #bagDetails div {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin: 5px 0px; }
        #packingArea #loadOut #sectionDetails div span, #packingArea #loadOut #bagDetails div span {
          width: 33%;
          max-width: 33%; }
      #packingArea #loadOut #sectionDetails .packLabels, #packingArea #loadOut #bagDetails .packLabels {
        color: #7c4d34;
        font-size: 20px;
        font-size: 2rem; }
  #packingArea #itemList {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    background-color: white;
    font-family: "Play", sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 20px 5px;
    padding: 10px; }
    #packingArea #itemList h2 {
      font-family: "Calibri", sans-serif;
      padding-bottom: 10px;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold; }
    #packingArea #itemList #itemListTbl div {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      margin: 10px 0px; }
      #packingArea #itemList #itemListTbl div div {
        margin: 0px;
        color: #b24d34;
        cursor: pointer;
        font-weight: bold; }
      #packingArea #itemList #itemListTbl div span {
        margin: 0px; }
      #packingArea #itemList #itemListTbl div a:link, #packingArea #itemList #itemListTbl div a:visited {
        font-family: "Calibri", sans-serif;
        color: #b24d34;
        font-size: 13px;
        font-size: 1.3rem;
        text-decoration: none;
        font-weight: bold; }
      #packingArea #itemList #itemListTbl div a:hover, #packingArea #itemList #itemListTbl div a:active {
        color: #3b2c19; }
      #packingArea #itemList #itemListTbl div .itemWeightClass, #packingArea #itemList #itemListTbl div .itemWeight, #packingArea #itemList #itemListTbl div .itemVolume {
        display: none; }
    #packingArea #itemList #itemListTbl #packHeaders {
      font-weight: bolder; }

#itemSelection #itemSlides {
  overflow: hidden;
  position: relative;
  height: 270px;
  height: 27rem;
  max-height: 270px;
  max-height: 27rem;
  max-width: 530px;
  max-width: 53rem;
  margin: 0px auto; }
  #itemSelection #itemSlides #heavySlide {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap; }
  #itemSelection #itemSlides #medSlide {
    display: none; }
  #itemSelection #itemSlides #litSlide {
    display: none; }
  #itemSelection #itemSlides .slide {
    padding-top: 15px;
    perspective-origin: 50%;
    margin-left: 118px;
    margin-left: 11.8rem;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    #itemSelection #itemSlides .slide img {
      display: inline-block;
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
      margin: 0px 10px;
      cursor: pointer; }
    #itemSelection #itemSlides .slide img.prev, #itemSelection #itemSlides .slide img.next {
      opacity: 0.5;
      height: 230px;
      height: 23rem;
      width: 120px;
      width: 12rem; }
    #itemSelection #itemSlides .slide img.prev {
      transform: perspective(200px) rotateY(11deg);
      transform: perspective(20rem) rotateY(11deg); }
    #itemSelection #itemSlides .slide img.current {
      transform: perspective(200px) rotateY(0deg);
      transform: perspective(20rem) rotateY(0deg); }
    #itemSelection #itemSlides .slide img.next {
      transform: perspective(200px) rotateY(-11deg);
      transform: perspective(20rem) rotateY(-11deg); }
    #itemSelection #itemSlides .slide img.other {
      visibility: hidden; }
#itemSelection #itemDesc {
  font-family: "Calibri", sans-serif;
  position: relative; }
  #itemSelection #itemDesc h1 {
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
    color: #b24d34;
    margin-bottom: 10px;
    margin-right: 200px; }
  #itemSelection #itemDesc #itemStats {
    background-color: #d5bfa0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    font-family: "Play", sans-serif;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    color: #3b2c19;
    margin-bottom: 5px;
    margin-bottom: .5rem; }
    #itemSelection #itemDesc #itemStats div {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;
      -webkit-justify-content: space-around;
      justify-content: space-around; }
      #itemSelection #itemDesc #itemStats div span {
        margin: 5px 0px; }
    #itemSelection #itemDesc #itemStats div:nth-child(odd) {
      color: #7c4d34;
      font-size: 20px;
      font-size: 2rem; }
  #itemSelection #itemDesc p {
    font-size: 16px;
    font-size: 1.6rem;
    color: black;
    margin: 10px 0px;
    letter-spacing: .6px;
    line-height: 18px; }
  #itemSelection #itemDesc a:link, #itemSelection #itemDesc a:visited {
    font-family: "Calibri", sans-serif;
    color: #b24d34;
    font-size: 20px;
    font-size: 2rem;
    text-decoration: underline;
    font-weight: bold;
    text-align: right;
    float: right; }
  #itemSelection #itemDesc a:hover, #itemSelection #itemDesc a:active {
    color: #b24d34;
    text-decoration: underline; }
  #itemSelection #itemDesc button {
    font-family: "Impact", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    background-color: #b24d34;
    color: white;
    position: absolute;
    top: 0px;
    right: 0rem;
    width: 200px; }

/*columns*/
@media only all and (min-width: 960px) and (min-device-width: 960px) {
  .flexMargin960, .one960, .two960, .three960, .four960, .five960, .six960, .seven960, .eight960, .nine960, .ten960, .eleven960 {
    margin: 0px 10px;
    margin: 0rem 1rem; }

  .one960 {
    -webkit-flex: 1 1 60px;
    flex: 1 1 60px;
    -webkit-flex: 1 1 6rem;
    flex: 1 1 6rem; }

  .two960 {
    -webkit-flex: 1 1 140px;
    flex: 1 1 140px;
    -webkit-flex: 1 1 14rem;
    flex: 1 1 14rem; }

  .three960 {
    -webkit-flex: 1 1 220px;
    flex: 1 1 220px;
    -webkit-flex: 1 1 22rem;
    flex: 1 1 22rem; }

  .four960 {
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-flex: 1 1 30rem;
    flex: 1 1 30rem; }

  .five960 {
    -webkit-flex: 1 1 380px;
    flex: 1 1 380px;
    -webkit-flex: 1 1 38rem;
    flex: 1 1 38rem; }

  .six960 {
    -webkit-flex: 1 1 460px;
    flex: 1 1 460px;
    -webkit-flex: 1 1 46rem;
    flex: 1 1 46rem; }

  .seven960 {
    -webkit-flex: 1 1 540px;
    flex: 1 1 540px;
    -webkit-flex: 1 1 54rem;
    flex: 1 1 54rem; }

  .eight960 {
    -webkit-flex: 1 1 620px;
    flex: 1 1 620px;
    -webkit-flex: 1 1 62rem;
    flex: 1 1 62rem; }

  .nine960 {
    -webkit-flex: 1 1 700px;
    flex: 1 1 700px;
    -webkit-flex: 1 1 72rem;
    flex: 1 1 72rem; }

  .ten960 {
    -webkit-flex: 1 1 780px;
    flex: 1 1 780px;
    -webkit-flex: 1 1 78rem;
    flex: 1 1 78rem; }

  .eleven960 {
    -webkit-flex: 1 1 860px;
    flex: 1 1 860px;
    -webkit-flex: 1 1 86rem;
    flex: 1 1 86rem; }

  .twelve960 {
    -webkit-flex: 1 1 960px;
    flex: 1 1 960px;
    -webkit-flex: 1 1 96rem;
    flex: 1 1 96rem; }

  .elim960 {
    display: none; }

  .homeInfo h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1.2px;
    letter-spacing: 0.12rem; }
  .homeInfo p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 25px;
    line-height: 2.5rem;
    letter-spacing: 0.7px;
    letter-spacing: 0.07rem; } }
/*83*9=805*/
@media only all and (max-width: 960px) and (min-width: 805px) and (max-device-width: 960px) and (min-device-width: 805px) {
  .flexMargin805, .one805, .two805, .three805, .four805, .five805, .six805 {
    margin: 0px 10px;
    margin: 0rem 1rem; }

  .one805 {
    -webkit-flex: 1 1 95px;
    flex: 1 1 95px;
    -webkit-flex: 1 1 9.5rem;
    flex: 1 1 9.5rem; }

  .two805 {
    -webkit-flex: 1 1 230px;
    flex: 1 1 230px;
    -webkit-flex: 1 1 23rem;
    flex: 1 1 23rem; }

  .three805 {
    -webkit-flex: 1 1 345px;
    flex: 1 1 345px;
    -webkit-flex: 1 1 34.5rem;
    flex: 1 1 34.5rem; }

  .four805 {
    -webkit-flex: 1 1 460px;
    flex: 1 1 460px;
    -webkit-flex: 1 1 46rem;
    flex: 1 1 46rem; }

  .five805 {
    -webkit-flex: 1 1 557px;
    flex: 1 1 557px;
    -webkit-flex: 1 1 55.7rem;
    flex: 1 1 55.7rem; }

  .six805 {
    -webkit-flex: 1 1 690px;
    flex: 1 1 690px;
    -webkit-flex: 1 1 69rem;
    flex: 1 1 69rem; }

  .seven805 {
    -webkit-flex: 1 1 805px;
    flex: 1 1 805px;
    -webkit-flex: 1 1 80.5rem;
    flex: 1 1 80.5rem;
    margin: 0px auto; }

  .elim805 {
    display: none; }

  .homeInfo h2 {
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 1.2px;
    letter-spacing: 0.12rem; }
  .homeInfo p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 21px;
    line-height: 2.1rem;
    letter-spacing: 0.6px;
    letter-spacing: 0.06rem; }

  /*Application*/
  #chooseAPack {
    width: 805px;
    width: 80.5rem;
    margin: 0px auto; }
    #chooseAPack img.chooseLeft {
      transform: perspective(110px) rotateY(-11deg);
      transform: perspective(11rem) rotateY(-11deg);
      width: 16.8%;
      height: 245px;
      height: 24.5rem;
      left: 2%; }
    #chooseAPack img.chooseCenter {
      width: 55.9%;
      transform: perspective(110px) rotateY(0deg);
      transform: perspective(11rem) rotateY(0deg);
      left: 22%; }
    #chooseAPack img.chooseRight {
      transform: perspective(110px) rotateY(11deg);
      transform: perspective(11rem) rotateY(11deg);
      width: 16.8%;
      height: 245px;
      height: 24.5rem;
      left: 81%; }

  #packInfo #packStats {
    flex-grow: 0;
    margin: 0px;
    float: left; }
    #packInfo #packStats #packStatsTable div {
      padding: 0px 0px 10px;
      font-size: 17px;
      font-size: 1.7rem; }
    #packInfo #packStats #packStatsTable div:nth-child(odd) {
      margin-bottom: 0px; }
    #packInfo #packStats #packStatsTable div:nth-child(even) {
      padding: 0px 9px 9px 9px;
      padding: 0rem 0.9rem 0.9rem 0.9rem;
      text-align: right; }
  #packInfo #packDesc p {
    -webkit-flex: 1 1 557px;
    flex: 1 1 557px;
    -webkit-flex: 1 1 55.7rem;
    flex: 1 1 55.7rem; }

  #packingArea #areaSelection img {
    max-width: 100%; } }
/*632/8=79*/
@media only all and (max-width: 805px) and (min-width: 632px) and (max-device-width: 805px) and (min-device-width: 632px) {
  .flexMargin632, .one632, .two632, .three632, .four632, .five632, .six632, .seven632 {
    margin: 0px 10px;
    margin: 0rem 1rem; }

  .one632 {
    -webkit-flex: 1 1 59px;
    flex: 1 1 59px;
    -webkit-flex: 1 1 5.9rem;
    flex: 1 1 5.9rem; }

  .two632 {
    -webkit-flex: 1 1 138px;
    flex: 1 1 138px;
    -webkit-flex: 1 1 13.8rem;
    flex: 1 1 13.8rem; }

  .three632 {
    -webkit-flex: 1 1 217px;
    flex: 1 1 217px;
    -webkit-flex: 1 1 21.7rem;
    flex: 1 1 21.7rem; }

  .four632 {
    -webkit-flex: 1 1 296px;
    flex: 1 1 296px;
    -webkit-flex: 1 1 29.6rem;
    flex: 1 1 29.6rem; }

  .five632 {
    -webkit-flex: 1 1 375px;
    flex: 1 1 375px;
    -webkit-flex: 1 1 37.5rem;
    flex: 1 1 37.5rem; }

  .six632 {
    -webkit-flex: 1 1 454px;
    flex: 1 1 454px;
    -webkit-flex: 1 1 45.4rem;
    flex: 1 1 45.4rem; }

  .seven632 {
    -webkit-flex: 1 1 533px;
    flex: 1 1 533px;
    -webkit-flex: 1 1 53.3rem;
    flex: 1 1 53.3rem; }

  .eight632 {
    -webkit-flex: 1 1 632px;
    flex: 1 1 632px;
    -webkit-flex: 1 1 63.2rem;
    flex: 1 1 63.2rem;
    margin: 0px auto; }

  .elim632 {
    display: none; }

  #login {
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: flex-start;
    align-self: flex-start; }
    #login form {
      display: -webkit-flex;
      display: flex;
      margin-left: auto; }
    #login ul {
      display: -webkit-flex;
      display: flex;
      -webkit-align-content: flex-end;
      align-content: flex-end;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      list-style-type: none; }
    #login li {
      display: -webkit-none;
      display: none;
      text-align: center;
      font-family: "Calibri", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      text-decoration: none;
      color: #3b2c19;
      margin-left: 5px;
      margin-left: .5rem; }
    #login input {
      font-size: 12px;
      font-size: 1.2rem; }
    #login a:link, #login a:visited {
      font-family: "Calibri", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      text-decoration: none;
      color: #e6d8c6; }
    #login a:hover, #login a:active {
      font-family: "Calibri", sans-serif;
      font-size: 12px;
      font-size: 1.2rem;
      text-decoration: none;
      color: #3b2c19; }
    #login .mobileNav {
      display: inline-block; }

  #mainMenu {
    position: relative; }
    #mainMenu ul {
      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;
      position: absolute;
      top: -100px;
      top: -10rem;
      right: 0px;
      right: 0rem; }
    #mainMenu li {
      width: 35%; }
    #mainMenu li:not(.mobileNav) {
      display: none;
      padding: 15px 0px;
      padding: 1.5rem 0rem;
      border-top: solid 2px #3b2c19; }
    #mainMenu li:last-of-type {
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
    #mainMenu a:link, #mainMenu a:visited {
      font-size: 26px;
      font-size: 2.6rem;
      margin: 10px auto;
      margin: 1rem auto; }
    #mainMenu a:hover, #mainMenu a:active {
      font-size: 26px;
      font-size: 2.6rem;
      margin: 10px auto;
      margin: 1rem auto; }
    #mainMenu .mobileNav {
      display: inline-block;
      margin-left: auto;
      text-align: right; }
    #mainMenu ul:hover li {
      display: block;
      margin-left: auto;
      background-color: #b24d34; }

  .homeInfo h2 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 1.2px;
    letter-spacing: 0.12rem; }
  .homeInfo p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 25px;
    line-height: 2.5rem;
    letter-spacing: 0.7px;
    letter-spacing: 0.07rem; }

  #mainCont {
    position: relative;
    padding-left: 40px; }
    #mainCont #sideNav {
      position: absolute;
      left: -150px; }
      #mainCont #sideNav .mobileNav {
        display: block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        position: absolute;
        top: 60px;
        right: -45px;
        font-weight: bold;
        color: grey;
        font-size: 20px;
        font-size: 2rem;
        background-color: #d5bfa0; }
    #mainCont #sideNav:hover {
      left: 10px; }
    #mainCont #sideBar {
      display: none; }

  /*Application*/
  #chooseAPack {
    width: 632px;
    width: 63.2rem;
    margin: 0px auto; }
    #chooseAPack img.chooseLeft {
      transform: perspective(70px) rotateY(-11deg);
      transform: perspective(7rem) rotateY(-11deg);
      width: 16.8%;
      height: 185px;
      height: 18.5rem;
      left: 2%; }
    #chooseAPack img.chooseCenter {
      width: 55.9%;
      transform: perspective(70px) rotateY(0deg);
      transform: perspective(7rem) rotateY(0deg);
      left: 22%; }
    #chooseAPack img.chooseRight {
      transform: perspective(70px) rotateY(11deg);
      transform: perspective(7rem) rotateY(11deg);
      width: 16.8%;
      height: 185px;
      height: 18.5rem;
      left: 81%; }

  #packInfo #packStats {
    flex-grow: 0;
    margin: 0px auto; }
    #packInfo #packStats #packStatsTable div {
      padding: 0px 0px 10px;
      font-size: 17px;
      font-size: 1.7rem; }
    #packInfo #packStats #packStatsTable div:nth-child(odd) {
      margin-bottom: 0px; }
    #packInfo #packStats #packStatsTable div:nth-child(even) {
      padding: 0px 9px 9px 9px;
      padding: 0rem 0.9rem 0.9rem 0.9rem;
      text-align: right; }
  #packInfo #packDesc {
    padding: 0px 10px 10px; }
    #packInfo #packDesc button {
      right: 10px; }

  #mobilePackBtns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around; }

  #appContainer2 {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }

  #packingArea {
    /*position:fixed;
    flex-grow:0;
    top:150px;
    left:0px;
    @include flex-flow(row, wrap);
    z-index:75;*/
    display: none;
    top: 60px;
    left: 10px;
    right: 10px;
    position: absolute;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
    #packingArea #loadOut {
      margin-top: 0px;
      /*-webkit-flex-grow:0;
      flex-grow:0;*/ }
      #packingArea #loadOut a:link, #packingArea #loadOut a:visited {
        font-family: "Calibri", sans-serif;
        color: #3b2c19;
        font-size: 25px;
        font-size: 2.5rem;
        text-decoration: none;
        font-weight: bold;
        float: right;
        padding: 0px 10px 10px; }
      #packingArea #loadOut a:hover, #packingArea #loadOut a:active {
        color: #3b2c19;
        text-decoration: none; }

  #packingArea:hover {
    /*left:0px;*/ }

  #itemSelection {
    margin: 10px; }
    #itemSelection #itemDesc h1 {
      margin-right: 200px;
      margin-right: 20rem; }

  button.showPackingArea {
    font-family: "Impact", sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 0.75px;
    background-color: #b24d34;
    color: white;
    margin: 10px 1px; } }
/*300/6=50*/
@media only all and (max-width: 632px) and (max-device-width: 632px) {
  .flexMargin300, .one300, .two300, .three300, .four300, .five300 {
    margin: 0px 5px;
    margin: 0rem .5rem; }

  .one300 {
    -webkit-flex: 1 1 40px;
    flex: 1 1 40px;
    -webkit-flex: 1 1 4rem;
    flex: 1 1 4rem; }

  .two300 {
    -webkit-flex: 1 1 90px;
    flex: 1 1 90px;
    -webkit-flex: 1 1 9rem;
    flex: 1 1 9rem; }

  .three300 {
    -webkit-flex: 1 1 140px;
    flex: 1 1 140px;
    -webkit-flex: 1 1 14rem;
    flex: 1 1 14rem; }

  .four300 {
    -webkit-flex: 1 1 190px;
    flex: 1 1 190px;
    -webkit-flex: 1 1 19rem;
    flex: 1 1 19rem; }

  .five300 {
    -webkit-flex: 1 1 240px;
    flex: 1 1 240px;
    -webkit-flex: 1 1 24rem;
    flex: 1 1 24rem; }

  .six300 {
    -webkit-flex: 1 1 300px;
    flex: 1 1 300px;
    -webkit-flex: 1 1 30rem;
    flex: 1 1 30rem;
    margin: 0px auto; }

  .elim300 {
    display: none; }

  #login {
    /**/
    position: absolute;
    top: 10px;
    top: 1rem;
    right: 10px;
    right: 1rem;
    /**/ }
    #login li {
      display: -webkit-none;
      display: none; }
    #login .mobileNav {
      display: inline-block; }

  #mainMenu {
    position: relative; }
    #mainMenu ul {
      -webkit-flex-flow: column nowrap;
      flex-flow: column nowrap;
      position: absolute;
      top: -100px;
      top: -10rem;
      right: 4px;
      right: 4rem; }
    #mainMenu li {
      width: 35%; }
    #mainMenu li:not(.mobileNav) {
      display: none;
      padding: 15px 10px;
      padding: 1.5rem 1rem;
      border-top: solid 2px #3b2c19; }
    #mainMenu li:last-of-type {
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
    #mainMenu a:link, #mainMenu a:visited {
      font-size: 26px;
      font-size: 2.6rem;
      margin: 10px auto;
      margin: 1rem auto; }
    #mainMenu a:hover, #mainMenu a:active {
      font-size: 26px;
      font-size: 2.6rem;
      margin: 10px auto;
      margin: 1rem auto; }
    #mainMenu .mobileNav {
      display: inline-block;
      margin-left: auto;
      text-align: right; }
      #mainMenu .mobileNav img {
        margin-left: auto; }
    #mainMenu ul:hover li:not(.mobileNav) {
      display: block;
      background-color: #b24d34;
      width: 100%; }

  .homeInfo h2 {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 1.2px;
    letter-spacing: 0.12rem; }
  .homeInfo p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 3.2rem;
    letter-spacing: 0.8px;
    letter-spacing: 0.08rem; }

  #mainCont {
    position: relative;
    padding-left: 40px; }
    #mainCont #sideNav {
      position: absolute;
      left: -150px; }
      #mainCont #sideNav .mobileNav {
        display: block;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        position: absolute;
        top: 60px;
        right: -45px;
        font-weight: bold;
        color: grey;
        font-size: 20px;
        font-size: 2rem;
        background-color: #d5bfa0; }
    #mainCont #sideNav:hover {
      left: 10px; }
    #mainCont #sideBar {
      display: none; }

  /*Application*/
  #appContainer {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-bottom: 50px; }

  #chooseAPack {
    width: 300px;
    width: 30rem;
    margin: 0px auto; }
    #chooseAPack img.chooseLeft {
      transform: perspective(30px) rotateY(-11deg);
      transform: perspective(3rem) rotateY(-11deg);
      height: 95px;
      height: 9.5rem;
      left: -12%; }
    #chooseAPack img.chooseCenter {
      width: 69.9%;
      transform: perspective(30px) rotateY(0deg);
      transform: perspective(3rem) rotateY(0deg);
      left: 14%; }
    #chooseAPack img.chooseRight {
      transform: perspective(30px) rotateY(11deg);
      transform: perspective(3rem) rotateY(11deg);
      height: 95px;
      height: 9.5rem;
      left: 90%; }

  #packInfo #packStats {
    flex-grow: 0.2;
    margin: 0px auto; }
    #packInfo #packStats #packStatsTable div {
      padding: 0px 0px 10px;
      font-size: 17px;
      font-size: 1.7rem; }
    #packInfo #packStats #packStatsTable div:nth-child(odd) {
      margin-bottom: 0px; }
    #packInfo #packStats #packStatsTable div:nth-child(even) {
      padding: 0px 9px 9px 9px;
      padding: 0rem 0.9rem 0.9rem 0.9rem;
      text-align: right; }
  #packInfo #packDesc {
    padding: 0px 10px 10px; }
    #packInfo #packDesc button {
      position: fixed;
      right: 10px;
      top: auto;
      bottom: 0px; }

  #mobilePackBtns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 0px auto; }

  #appContainer2 {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; }

  #packingArea {
    /*position:fixed;
    flex-grow:0;
    top:150px;
    left:0px;
    @include flex-flow(row, wrap);
    z-index:75;*/
    display: none;
    top: 60px;
    left: 10px;
    right: 10px;
    position: absolute;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-width: 300px; }
    #packingArea #loadOut {
      margin-top: 0px;
      /*-webkit-flex-grow:0;
      flex-grow:0;*/ }
      #packingArea #loadOut a:link, #packingArea #loadOut a:visited {
        font-family: "Calibri", sans-serif;
        color: #3b2c19;
        font-size: 25px;
        font-size: 2.5rem;
        text-decoration: none;
        font-weight: bold;
        float: right;
        padding: 0px 10px 10px; }
      #packingArea #loadOut a:hover, #packingArea #loadOut a:active {
        color: #3b2c19;
        text-decoration: none; }

  #packingArea:hover {
    /*left:0px;*/ }

  #itemSelection {
    margin: 10px; }
    #itemSelection #itemSlides {
      height: 152px;
      max-width: 300px;
      max-height: 152px;
      margin: 0px auto; }
      #itemSelection #itemSlides .slide {
        margin-left: 85px; }
        #itemSelection #itemSlides .slide img {
          width: 110px;
          margin: 0px 5px; }
        #itemSelection #itemSlides .slide img.prev, #itemSelection #itemSlides .slide img.next {
          height: 115px;
          width: 70px; }
        #itemSelection #itemSlides .slide img.prev {
          transform: perspective(50px) rotateY(11deg);
          transform: perspective(5rem) rotateY(11deg); }
        #itemSelection #itemSlides .slide img.next {
          transform: perspective(50px) rotateY(-110deg);
          transform: perspective(5rem) rotateY(-11deg); }
    #itemSelection #itemDesc h1 {
      margin-right: 90px;
      margin-right: 9rem; }
    #itemSelection #itemDesc #itemStats {
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap; }
    #itemSelection #itemDesc button {
      width: 90px;
      width: 9rem;
      top: inherit;
      bottom: -72px;
      right: inherit;
      left: 0px; }

  button.showPackingArea {
    font-family: "Impact", sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 0.75px;
    background-color: #b24d34;
    color: white;
    margin: 5px 60px; } }

/*# sourceMappingURL=desktop.css.map */