/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/orbitron/v15/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6BoWgz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*around the page content*/
.some-page-wrapper {
  margin: 10px;
  font-family: 'Orbitron';
  color: #E74C3C;
  font-size: 11px;
  /*background-color: red;*/
}
.container {
    display: flex;
	width: 100%;
	
}

.topcorner{
   position:absolute;
   top:5px;
   right:35px;
  
}

/*horizontial*/
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  
}
/*grid*/
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  padding: 10px;
  
}

/*title space*/
.title-space {
  background-color: #380204;
  padding-left: 10px;
  padding-right: 10px;
}

/*content*/
.left-column {
  background: rgba(231,76,60, 0.1);
  height: 258px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: solid;
  border-width: thin;
  border-color: #380204;
}

/*content*/
.right-column {
  background: rgba(231,76,60, 0.1);
  height: 258px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: solid;
  border-width: thin;
  border-color: #380204;
}

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

@media screen and (min-width: 800px) {
  .column {
    flex: 1
  }

  .double-column {
    flex: 2
  }
}