html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
pre,dl, dt, dd, ul, ol, li,
form, fieldset, lengend, button, input, textarea,
th, td              { margin: 0; padding: 0; }

.container          { flex-grow: 1; margin: 0 auto; position: relative; width: auto; box-sizing: border-box; }
@media screen and (min-width: 1264px) {
  .container        { max-width: 1200px; }
}
@media (max-width: 1200px) {
  .container        { width: 100%; padding: 0 10px; }
}

.Grid               { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.\-top              { -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }
.\-middle           { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.\-bottom           { -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.\-stretch          { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.\-baseline         { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; }

.\-left             { -webkit-justify-content: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; }
.\-center           { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.\-right            { -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }
.\-between          { -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; }
.\-around           { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }

.\-row              { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.\-row-reverse      { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.\-column           { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.\-column-reverse   { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.Cell               { box-sizing: border-box; flex-shrink: 0; padding: 10px; box-sizing: border-box; }
.Cell.\-fill        { width: 0; min-width: 0; flex-grow: 1; }
.Cell.\-1of12       { width: calc(100% * 1 / 12); }
.Cell.\-2of12       { width: calc(100% * 2 / 12); }
.Cell.\-3of12       { width: calc(100% * 3 / 12); }
.Cell.\-4of12       { width: calc(100% * 4 / 12); }
.Cell.\-5of12       { width: calc(100% * 5 / 12); }
.Cell.\-6of12       { width: calc(100% * 6 / 12); }
.Cell.\-7of12       { width: calc(100% * 7 / 12); }
.Cell.\-8of12       { width: calc(100% * 8 / 12); }
.Cell.\-9of12       { width: calc(100% * 9 / 12); }
.Cell.\-10of12      { width: calc(100% * 10 / 12); }
.Cell.\-11of12      { width: calc(100% * 11 / 12); }
.Cell.\-12of12      { width: 100%; }

.Cell.\-1of5        { width: calc(100% * 1 / 5); }
.Cell.\-2of5        { width: calc(100% * 2 / 5); }
.Cell.\-3of5        { width: calc(100% * 3 / 5); }
.Cell.\-4of5        { width: calc(100% * 4 / 5); }
.Cell.\-5of5        { width: 100%; }

@media (max-width: 1200px) {
  .Cell.\-1of12     { width: calc(100% * 1 / 10); }
  .Cell.\-2of12     { width: calc(100% * 2 / 10); }

  .Cell.\-1of5      { width: calc(100% * 1 / 4); }
  .Cell.\-2of5      { width: calc(100% * 2 / 4); }
}

@media (max-width: 1024px){
  .Cell.\-1of12     { width: calc(100% * 1 / 8); }
  .Cell.\-2of12     { width: calc(100% * 2 / 8); }
  .Cell.\-3of12     { width: calc(100% * 3 / 9); }
  .Cell.\-4of12     { width: calc(100% * 4 / 8); }

  .Cell.\-1of5      { width: calc(100% * 1 / 3); }
}

@media (max-width: 768px){
  /* .Grid             { display: block; } */
  .Cell.\-1of12     { width: 100%; }
  .Cell.\-2of12     { width: 100%; }
  .Cell.\-3of12     { width: 100%; }
  .Cell.\-4of12     { width: 100%; }
  .Cell.\-5of12     { width: 100%; }
  .Cell.\-6of12     { width: 100%; }
  .Cell.\-7of12     { width: 100%; }
  .Cell.\-8of12     { width: 100%; }
  .Cell.\-9of12     { width: 100%; }
  .Cell.\-10of12    { width: 100%; }
  .Cell.\-11of12    { width: 100%; }
  .Cell.\-12of12    { width: 100%; }

  .Cell.\-1of5      { width: 100%; }
  .Cell.\-2of5      { width: 100%; }
  .Cell.\-3of5      { width: 100%; }
  .Cell.\-4of5      { width: 100%; }
  .Cell.\-5of5      { width: 100%; }
}

@media (max-width: 568px) {

}

.clearfix:after     { display: block; clear: both; content: ''; visibility: hidden; height: 0; }
.clearfix           { *zoom: 1; }
.pr0                { padding-right: 0; }
.mr0                { margin-right: 0; }
a                   {-webkit-transition: all .5s; transition: all .5s;}
a:hover             {-webkit-transition: all .5s; transition: all .5s;}

/*
 * Left fixed, right adaptive
 */
.row                { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; margin-bottom: 1rem; }

.row .width-fixed   { box-sizing: border-box; -webkit-flex: 0 0 400px; -ms-flex: 0 0 400px; flex: 0 0 400px; }
.width-auto         { width: 100%; }

@media (max-width: 768px) {
  .row              { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .row .width-fixed { -webkit-flex: 0; -ms-flex: 0; flex: 0; width: 100%; }
}

/*
 * Pictures
 */
/* Place pictures in original scale */
.pics-contain       { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.pics-contain img   { object-fit: contain; -o-object-fit: contain; max-width: 100%; max-height: 100%; }

/* Capture image in the middle */
.pics-center        { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.pics-center img    { object-fit: cover; -o-object-fit: cover; width: 100%; height: 100%; }