/* 45em is also 720px (if basefont is 16px) */
@media only screen and (min-width: 45rem) {

/*----------- BODY --------------*/

/*----------- HEADER --------------*/
  header button {display: none;}
  header img {width: auto;}
  header h1 {font-size: 2rem;}
  header h2 {font-size: 1.5rem;}
  header .slogan {display: block;}
/*----------- NAVIGATION --------------*/
  nav ul.hide {display: block;}
  nav ul {margin-left: 2%;}
  nav ul li {float: left;}
  nav ul li a{
  border: none;
  border-right: 1px solid rgba(0,0,8,0.3);
  padding: .8rem 1rem;
}

/*----------- MAIN --------------*/
table {  width: 100%;}
table, tr, td {
  border: 1px solid #000;
  border-collapse: collapse;
  padding: 1rem;
  text-align: center;
}
table th {background: #ffd700}
main .row section:nth-child(2){
  width: 50%;
  float: left;
}
main .row section:nth-child(3){
  width: 48%;
  float: left;
}
main .gallery figure {flex-basis: 46%;}
/*main .relic ul.column2, main .journal ul.column2, main .gishvit ul.column2, main .journalplay ul.column2 {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}*/
main ul img {
  width: 48%;
  float: left;
  padding: 2%;
}
main .journal ul:nth-child(2n+1) img, main .relic ul:nth-child(2n+1) img, main .gishvit ul:nth-child(2n+1) img {
  float: right;
  width: 48%;
  padding: 2%
}
main .mission i p img{
  display: block;
  width: 48%;
  float: left;
  padding: 2%;
}
main .mission i p:nth-child(2n+1) img{
  display: block;
  width: 48%;
  float: right;
  padding: 2%;
}

/*----------- ARTICLE --------------*/
main .prison, main .secrown, main .active, main .dead, main .dpc, main .pc, main .inactive, main .legacy, main .target, main .crown, main .asset, main .agent, main .secrown, main .gallery {
  justify-content: center;
}
main .prison article, main .secrown article, main .active article, main .dead article, main .dpc article, main .pc article, main .inactive article, main .legacy article, main .target article, main .crown article, main .asset section, main .agent article, main .gallery article {
  flex-basis: 46%;
}

/*----------- FORM --------------*/

form label.top textarea {
  height: 12rem;
}

form {
  flex-basis: 42%;
}

/*----------- CONTACT --------------*/
body .contact {
  width: 100%;
  column-count: 2;
  float: none;
}

/*----------- FOOTER --------------*/
  
}