/* 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{
  width: 48%;
  float: left;
  margin: 1%;
}
main .row section:nth-child(2n+0){
  width: 48%;
  float: right;
  margin: 1%;
}
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 .active, main .prison, main .talasantri, main .colonist, main .crew, main .dead, main .dpc, main .pc, main .rpc, main .security, main .merchant, main .inactive, main .legacy, main .target, main .crown, main .asset, main .leader, main .talasantri, main .gallery, main .missing {
  justify-content: center;
}
main .active article, main .prison article, main .talasantri article, main .colonist article, main .crew article, main .dead article, main .dpc article, main .pc article, main .rpc article, main .security article, main .merchant article, main .inactive article, main .legacy article, main .target article, main .crown article, main .asset section, main .leader article, main .gallery article, main .missing 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 --------------*/
  
}