.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

@media (min-width: 550px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .half.column                    { width: 2.33333333334%; }
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

html {
  font-size: 62.5%;}
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Work Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; 
  background-color: #F5F5e9}

h1, h2, h3, h4, h5, h6 {
  margin-top: 1.5;
  margin-bottom: 1.5rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }


.lg-view{
   display:none;
}

.sm-view{
   display:inline-block;
}

@media only screen and (min-width: 500px) {
    .lg-view{
       display:inline-block;
    }

    .sm-view{
       display:none;
    }
}

@media (not screen) and (max-width: 500px) {
    .sm-view{
       display:none;
       font-size: 200%;
    }
}


p {
  margin-top: 0; }

.smaller {
  font-size: 80%;
}
.smallest {
  font-size: 50%; }

a {
  color: #0645ad;}
a:hover {
  color: #0FA0CE; }
ul {
  list-style: circle outside;
  font-size: 90%;}
ol {
  list-style: decimal outside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


p,ul{
  margin-bottom: 1.5rem; }

hr {
  margin-top: 0rem;
  margin-bottom: 1rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }
table, td {
  border: 1px solid #C1C1C1;
  border-collapse: collapse;

}

#minipage {
    width:  100%;
}

#a, #b-wrapper {
    float: left;
}

#a {
    width: 25%;
}

#b-wrapper {
    width: 75%;
}

#b {
    margin-left: 30px;
}

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

summary { 
  cursor: pointer;
  font-size: 1.2rem;
}
summary::marker {
  content:  "+ ";
  color: #0645ad;
}
summary::-webkit-details-marker {
  content:  "+ ";
  color: #0645ad;
}
details {
  width: 100%;
  min-width: 340px;
  font-size: 1.4rem;
}
details:hover summary::marker {
  color: #0FA0CE;
}
details:hover summary::-webkit-details-marker {
  color: #0FA0CE;
}
details[open]:hover summary::marker {
  color: #0FA0CE;
}
details[open]:hover summary::-webkit-details-marker {
  color: #0FA0CE;
}
details[open] > summary::marker {
  content:  "− ";
  color: #0645ad;
}
details[open] > summary::-webkit-details-marker {
  content:  "− ";
  color: #0645ad;
}

summary h4 {
  display: inline;
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
}

.bigger {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

#jugg_wrapper {
  width: 100%;
}
#jugg_first {
  float: left;
  width: 1000px;
}

#jugg_second {
  float: left;
  width: 400px;
}