/:body.shippo {
  background-color: #282c2f;
  background-image: -webkit-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), -webkit-radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-image: radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%), radial-gradient(closest-side, transparent 98%, rgba(0, 0, 0, 0.3) 99%);
  background-size: 80px 80px;
  background-position: 0 0, 40px 40px;
  /*
  background-color:rgba(40, 46, 77);
background-image:
radial-gradient(circle at 100% 150%, #000 24%, rgb(40,44,47) 25%, rgb(40,44,47) 28%, #000 29%, #000 36%, rgb(40,44,47) 36%, rgb(40,44,47) 40%, transparent 40%, transparent),
radial-gradient(circle at 0    150%, #000 24%, rgb(40,44,47) 25%, rgb(40,44,47) 28%, #000 29%, #000 36%, rgb(40,44,47) 36%, rgb(40,44,47) 40%, transparent 40%, transparent),
radial-gradient(circle at 50%  100%, rgb(40,44,47) 10%, #000 11%, #000 23%, rgb(40,44,47) 24%, rgb(40,44,47) 30%, #000 31%, #000 43%, rgb(40,44,47) 44%, rgb(40,44,47) 50%, #000 51%, #000 63%, rgb(40,44,47) 64%, rgb(40,44,47) 71%, transparent 71%, transparent),
radial-gradient(circle at 100% 50%, rgb(40,44,47) 5%, #000 6%, #000 15%, rgb(40,44,47) 16%, rgb(40,44,47) 20%, #000 21%, #000 30%, rgb(40,44,47) 31%, rgb(40,44,47) 35%, #000 36%, #000 45%, rgb(40,44,47) 46%, rgb(40,44,47) 49%, transparent 50%, transparent),
radial-gradient(circle at 0    50%, rgb(40,44,47) 5%, #000 6%, #000 15%, rgb(40,44,47) 16%, rgb(40,44,47) 20%, #000 21%, #000 30%, rgb(40,44,47) 31%, rgb(40,44,47) 35%, #000 36%, #000 45%, rgb(40,44,47) 46%, rgb(40,44,47) 49%, transparent 50%, transparent);
background-size: 100px 50px;
*/
}

ul.switch-lang {
list-style-type: none;
}
ul.switch-lang li{

float: left;

    font-size: 0.8em;
}
ul.switch-lang  a{
 color: #ddd;
 }
 
ul.switch-lang  a:visited {
 color: #ddd;
}

ul.switch-lang  #active {
font-weight:bold;
border-bottom:solid;
border-color:#FF0000;
border-width:3px;
}

ul.switch-lang li {
font-size: 0.8em;
padding:  0 10px;
}
ul.switch-lang li:first-child{
padding-left: 0;
}
ul.switch-lang li+ li {
  border-left: 1px solid #fff;
}
a {
 color: #FFFFFF;
}

p {
  text-indent: 0;
}
img {
 border-radius: 0;
 }

/* Gallery first page */
.container li {
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.container li img {
  display: block;
}

.container {
  margin: 0 auto;
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 2px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: (7vw)[204s];
  grid-template-rows: repeat(204, 7vw);
  grid-auto-flow: dense;
}

.box {
  overflow: hidden;
  position: relative;
  background: #FDF9E9;
  border-radius: 1px;
}

.box img {
  max-width: 100%;
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.box img:hover {
  opacity: .6;
}

.box-0 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1 / 5;
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  grid-row: 1 / 8;
}

.box-1 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 5;
  grid-row: 1 / 6;
}

.box-2 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 / 9;
  -ms-grid-row: 1;
  -ms-grid-row-span: 8;
  grid-row: 1 / 9;
}

.box-3 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 6;
  -ms-grid-row-span: 6;
  grid-row: 6 / 12;
}

.box-4 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 8;
  -ms-grid-row-span: 4;
  grid-row: 8 / 12;
}

.box-5 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 8;
  -ms-grid-row-span: 4;
  grid-row: 8 / 12;
}

.box-6 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 / 9;
  -ms-grid-row: 9;
  -ms-grid-row-span: 5;
  grid-row: 9 / 14;
}

.box-7 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / 7;
  -ms-grid-row: 12;
  -ms-grid-row-span: 2;
  grid-row: 12 / 14;
}

.box-8 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 14;
  -ms-grid-row-span: 9;
  grid-row: 14 / 23;
}

.box-9 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 14;
  -ms-grid-row-span: 10;
  grid-row: 14 / 24;
}

.box-10 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 14;
  -ms-grid-row-span: 12;
  grid-row: 14 / 26;
}

.box-11 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 /  9;
  -ms-grid-row: 14;
  -ms-grid-row-span: 11;
  grid-row: 14 / 25;
}

.box-12 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 23;
  -ms-grid-row-span: 11;
  grid-row: 23 / 34;
}

.box-13 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3 / 5;
  -ms-grid-row: 24;
  -ms-grid-row-span: 10;
  grid-row: 24 / 34;
}

.box-14 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / 7;
  -ms-grid-row: 26;
  -ms-grid-row-span: 8;
  grid-row: 26 / 34;
}

.box-15 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 / 9;
  -ms-grid-row: 25;
  -ms-grid-row-span: 9;
  grid-row: 25 / 34;
}

.box-16 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 34;
  -ms-grid-row-span: 10;
  grid-row: 34 / 44;
}

.box-17 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 6;
  grid-column: 3 / 9;
  -ms-grid-row: 34;
  -ms-grid-row-span: 2;
  grid-row: 34 / 36;
}

.box-18 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 4;
  grid-column: 3 / 7;
  -ms-grid-row: 36;
  -ms-grid-row-span: 8;
  grid-row: 36 / 44;
}

.box-19 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7 / 9;
  -ms-grid-row: 36;
  -ms-grid-row-span: 8;
  grid-row: 36 / 44;
}

.box-20 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / 7;
  -ms-grid-row: 44;
  -ms-grid-row-span: 2;
  grid-row: 44 / 46;
}

.box-21 {
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  grid-column: 7/ 9;
  -ms-grid-row: 44;
  -ms-grid-row-span:13;
  grid-row: 44 / 57;
}

.box-22 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 46;
  -ms-grid-row-span: 10;
  grid-row: 46 / 56;
}

.box-23 {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/ 5;
  -ms-grid-row: 46;
  -ms-grid-row-span: 6;
  grid-row: 46 / 52
}

.box-24 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 46;
  -ms-grid-row-span: 3;
  grid-column: 5/ 7;
  grid-row: 46/ 49;
}


.box-25 {
 grid-column: 7 /9;
  grid-row: 57 /66;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 57;
  -ms-grid-row-span:9;
}

.box-26 {
 grid-column: 1 / 3;
  grid-row: 56/  63;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 56;
  -ms-grid-row-span: 7;
}

.box-27 {
  grid-column: 3 / 5;
  grid-row: 52/  60;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 52;
  -ms-grid-row-span: 8;
}  

.box-28 {
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 49;
  -ms-grid-row-span: 9;
  grid-column: 5 / 7; 
  grid-row: 49 /58;
}

.box-29 {
grid-column: 1 / 3;
  grid-row: 63/ 76;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 63;
  -ms-grid-row-span: 13;
  }

 .box-30 {
grid-column: 3 / 5;
  grid-row: 60 / 73;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 60;
  -ms-grid-row-span: 13;
  }

.box-31 {
grid-column: 5 / 7;
  grid-row: 58 / 65;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 58;
  -ms-grid-row-span: 7;
  }

.box-32 {
grid-column: 5 / 7;
  grid-row: 65 / 74;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 65;
  -ms-grid-row-span: 9;
  }

.box-33 {
  grid-column: 7 / 9;
  grid-row: 66/ 76;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 66;
  -ms-grid-row-span: 10;
}

.box-34 {
   grid-column: 1 / 3;
  grid-row: 76/ 90;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 76;
  -ms-grid-row-span: 14;
}

.box-35 {
   grid-column: 3 / 5;
  grid-row: 73 /  83;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 73/;
  -ms-grid-row-span: 10;
}

 .box-36 {
   grid-column: 5 / 7;
  grid-row: 74 /  83;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 74 /;
  -ms-grid-row-span: 9;
}

 .box-37 {
   grid-column: 7 / 9;
  grid-row: 76 /  86;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 76 /;
  -ms-grid-row-span: 10;
}

 .box-38 {
   grid-column: 3 / 5;
  grid-row: 83 /  91;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 83 /;
  -ms-grid-row-span: 8;
}

.box-39 {
   grid-column: 5 / 7;
  grid-row: 83 /  95;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 83 /;
  -ms-grid-row-span: 12;
}

.box-40 {
   grid-column: 7 / 9;
  grid-row: 86 /  96;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 86 /;
  -ms-grid-row-span: 10;
}
.box-41 {
   grid-column: 1 / 3;
  grid-row: 90 /  101;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 90 /;
  -ms-grid-row-span: 11;
  }

.box-42 {
   grid-column: 3 / 5;
  grid-row: 91 /  99;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 91 /;
  -ms-grid-row-span: 8;
}

.box-43 {
   grid-column: 5 / 7;
  grid-row: 95 /  108;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 95 /;
  -ms-grid-row-span: 13;
}

.box-44 {
   grid-column: 7 / 9;
  grid-row: 96 /  105;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 96 /;
  -ms-grid-row-span: 9;
}

.box-45 {
   grid-column: 1 / 3;
  grid-row: 101 /  109;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 101 /;
  -ms-grid-row-span: 8;
}

.box-46 {
   grid-column: 3 / 5;
  grid-row: 99 /  107;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 99 /;
  -ms-grid-row-span: 8;
}

.box-47 {
   grid-column: 5 / 7;
  grid-row: 108 /  116;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 108 /;
  -ms-grid-row-span: 8;
}

.box-48 {
   grid-column: 7 / 9;
  grid-row: 105 /  113;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 105 /;
  -ms-grid-row-span: 8;
}

.box-49 {
   grid-column: 1 / 3;
  grid-row: 109 /  117;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 109 /;
  -ms-grid-row-span: 8;
}

.box-50 {
   grid-column: 3 / 5;
  grid-row: 107 /  118;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 107 /;
  -ms-grid-row-span: 11;
}

.box-51 {
   grid-column: 5 / 7;
  grid-row: 116 /  122;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 116 /;
  -ms-grid-row-span: 6;
}

.box-52 {
   grid-column: 7 / 9;
  grid-row: 113 /  124;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 113 /;
  -ms-grid-row-span: 11;
}

.box-53 {
   grid-column: 1 / 3;
  grid-row: 117 /  125;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 117 /;
  -ms-grid-row-span: 8;
}

.box-54 {
   grid-column: 3 / 5;
  grid-row: 118 /  126;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 118 /;
  -ms-grid-row-span: 8;
}

.box-55 {
   grid-column: 5 / 7;
  grid-row: 122 /  130;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 122 /;
  -ms-grid-row-span: 8;
}

.box-56 {
   grid-column: 7 / 9;
  grid-row: 124 /  135;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 124 /;
  -ms-grid-row-span: 11;
}

.box-57 {
   grid-column: 1 / 3;
  grid-row: 125 /  133;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 125 /;
  -ms-grid-row-span: 8;
}

.box-58 {
   grid-column: 3 / 5;
  grid-row: 126 /  139;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 126 /;
  -ms-grid-row-span: 13;
}

.box-59 {
   grid-column: 5 / 7;
  grid-row: 130 /  138;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 130 /;
  -ms-grid-row-span: 8;
}

.box-60 {
   grid-column: 1 / 3;
  grid-row: 125 /  138;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 125 /;
  -ms-grid-row-span: 13;
}

.box-61 {
   grid-column: 1 / 3;
  grid-row: 138 /  150;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 138 /;
  -ms-grid-row-span: 12;
}

.box-62 {
   grid-column: 3 / 5;
  grid-row: 139 /  146;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 139 /;
  -ms-grid-row-span: 7;
}

.box-63 {
   grid-column: 5 / 7;
  grid-row: 138 /  150;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 138 /;
  -ms-grid-row-span: 12;
}

.box-64 {
   grid-column: 7 / 9;
  grid-row: 135 /  147;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 135 /;
  -ms-grid-row-span: 12;
}

.box-65 {
   grid-column: 1 / 3;
  grid-row: 150 /  162;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 150 /;
  -ms-grid-row-span: 12;
}

.box-66 {
   grid-column: 3 / 5;
  grid-row: 146 /  159;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 146 /;
  -ms-grid-row-span: 13;
}

.box-67 {
   grid-column: 5 / 7;
  grid-row: 150 /  158;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 150 /;
  -ms-grid-row-span: 8;
}

.box-68 {
   grid-column: 7 / 9;
  grid-row: 147 /  159;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 147 /;
  -ms-grid-row-span: 12;
}

.box-69 {
   grid-column: 1 / 3;
  grid-row: 162 /  167;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 162 /;
  -ms-grid-row-span: 5;
}

.box-70 {
   grid-column: 3 / 5;
  grid-row: 159 /  172;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 159 /;
  -ms-grid-row-span: 13;
}

.box-71 {
   grid-column: 5 / 7;
  grid-row: 158 /  171;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 158 /;
  -ms-grid-row-span: 13;
}

.box-72 {
   grid-column: 7 / 9;
  grid-row: 159 /  171;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 159 /;
  -ms-grid-row-span: 12;
}

.box-73 {
   grid-column: 1 / 3;
  grid-row: 167 /  179;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 167 /;
  -ms-grid-row-span: 12;
}

.box-74 {
   grid-column: 3 / 5;
  grid-row: 172 /  183;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 172 /;
  -ms-grid-row-span: 11;
}

.box-75 {
   grid-column: 3 /5;
  grid-row: 193 /  200;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 193 /;
  -ms-grid-row-span: 7;
}

.box-76 {
   grid-column: 1 / 3;
  grid-row: 179/  189;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 179/;
  -ms-grid-row-span: 10;
}

.box-77 {
   grid-column: 3 / 5;
  grid-row: 183/  193;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 183/;
  -ms-grid-row-span: 10;
}

.box-78 {
   grid-column: 5 / 9;
  grid-row: 171/  184;
  -ms-grid-column: 5;
  -ms-grid-column-span: 4;
  -ms-grid-row: 171/;
  -ms-grid-row-span: 13;
}

.box-79 {
   grid-column: 1 / 3;
  grid-row: 189/  199;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 189/;
  -ms-grid-row-span: 10;
}

.box-80 {
   grid-column: 5 / 7;
  grid-row: 184/  195;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 184/;
  -ms-grid-row-span: 11;
}

.box-81 {
   grid-column: 7 / 9;
  grid-row: 184/  192;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 184/;
  -ms-grid-row-span: 8;
}

.box-82 {
   grid-column: 7 / 9;
  grid-row: 192/  201;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 192/;
  -ms-grid-row-span: 9;
}

@media screen and (max-width: 37.5em) {
  .box {
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: auto;
    border-radius: 0;
  }
}

@media screen and (max-width: 37.5em) {
  .container {
    padding: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 6px;
  }
}

/* Gallery second page */
.container-wrapper {
  display: table;
  max-width: 37.5em;
  margin: 32px auto;
  padding: 36px 40px;
  position: relative;
  background-color: #0f131a;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

@media screen and (max-width: 37.5em) {
  .container-wrapper {
    padding: 16px;
    margin: 16px;
  }
}

.content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  position: relative;
  width: auto;
  min-height: 60vh;
}

@media screen and (max-width: 37.5em) {
  .content-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
  }
}

.container-wrapper.column {
  width: 60%;
}

@media screen and (max-width: 37.5em) {
  .container-wrapper.column {
    width: 90%;
  }
}

.content-container p {
  padding: 0;
}

.column .content-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.content-image {
  border-radius: 2px;
  width: auto;
  height: calc(100vh - 100px);
  min-height: 200px;
  min-width: 200px;
}

@media screen and (max-width: 37.5em) {
  .content-image {
    width: 100%;
    height: auto;
  }
}

.column .content-image {
  width: 100%;
  height: auto;
  min-height: initial;
}

.content-detail-container {
  margin-left: 40px;
  position: relative;
}

@media screen and (max-width: 37.5em) {
  .content-detail-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-left: 0;
  }
}

.column .content-detail-container {
  margin-top: 30px;
  margin-left: 0;
  margin-bottom: 30px;
}

.content-detail h1 {
  font-size: 2em;
}

@media screen and (max-width: 37.5em) {
  .content-detail h1 {
    margin-top: 16px;
  }
}

.content-detail date, span {
  font-size: .9em;
}

.content-description {
  font-size: .9em;
}

/* Magnifier */
.magnifier-preview {
  border-radius: 3px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 200px;
}

@media screen and (max-width: 37.5em) {
  .magnifier-lens {
    opacity: 0;
  }
}