*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; }

.clear { clear: left; }

html, body { max-width: 100%; overflow-x: hidden; height: auto; min-height: 100%; margin: 0; }

/* ie reset */
a, img { border: none; }

input:focus, button:focus, textarea:focus { outline: 0 !important; }

a, a:hover, a:visited { cursor: pointer; text-decoration: none; }

header { background: #121212; color: #e8e8e8; display: flex; height: 50px; left: 0; position: absolute; right: 0; top: 0; }
header .inline-list { align-items: center; display: flex; height: 50px; justify-content: flex-start; line-height: 50px; list-style: none; margin: auto; padding: 0; }
header .inline-list--hidden { display: none; }
@media screen and (orientation: landscape) and (max-height: 360px) { header .inline-list--hidden { display: flex; } }
header .inline-list__element { margin-right: 20px; }
header .inline-list__link { color: #e8e8e8; }

footer { background: #121212; bottom: 0; height: 100px; left: 0; padding: 20px; position: absolute; right: 0; text-align: center; width: 100%; }
@media screen and (orientation: landscape) and (max-height: 360px) { footer { max-height: 50px; padding: 0; } }
footer .footer-content { align-items: center; color: #e8e8e8; display: flex; justify-content: space-around; }
@media screen and (orientation: landscape) and (max-height: 360px) { footer .footer-content { padding: 0; } }
footer .footer-content__column { flex-direction: column; }
@media screen and (orientation: landscape) and (max-height: 360px) { footer .footer-content__column { flex-direction: row; } }
@media screen and (orientation: landscape) and (max-height: 360px) { footer .footer-content__column-title { display: none; } }
footer .footer-content__column--inner { margin: 10px 0; padding-left: 20px; }
footer .footer-content__column__links { margin: 5px 0 0; color: #808080; }
@media screen and (orientation: landscape) and (max-height: 360px) { footer .footer-content__column__links { margin: 5px 10px; } }

.backoffice { display: flex; justify-content: space-between; align-items: flex-start; align-content: flex-start; padding: 0; }
.backoffice aside { height: 100%; width: 18.75%; }
.backoffice nav { display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; background-color: #fdfdfd; color: black; height: 100%; box-shadow: -8px -8px 20px #121212; padding: 20px 5px; }
.backoffice__content { width: 81.25%; padding: 20px; }
.backoffice__title { font-weight: bold; }
.backoffice__link { color: #808080; }
.backoffice__form { margin: 20px 0; }
.backoffice__form label, .backoffice__form input { margin-bottom: 10px; }
.backoffice__form form > div:first-child { display: flex; flex-direction: column; }

html { height: 100%; }

body { height: 100%; margin: 0; padding: 50px 0 100px; position: relative; font-family: "Courier New"; }
body .hidden-button { display: none; }
@media screen and (orientation: landscape) and (max-height: 360px) { body { padding: 50px 0; }
  body.fullscreen { padding: 0; }
  body.fullscreen header { display: none; }
  body.fullscreen footer { display: none; }
  body.fullscreen .hidden-button { background-color: #e8e8e8; border: 0; border-radius: 8px; box-shadow: 1px 1px 5px -1px #121212; display: block; left: 0; margin: 10px auto 0; position: absolute; right: 0; width: 100px; z-index: 1; } }

.main-container { height: 100%; }

@font-face { font-family: 'atwriter'; src: url("../font/atwriter.ttf") format("truetype"); font-weight: normal; font-style: normal; }
h1, h2, h3, h4 { font-family: "Courier New", Courier, monospace; /*'atwriter', Times, serif;*/ font-weight: 400; }

a, p, li { font-family: "Courier New", Courier, monospace; }

.text-content { display: flex; flex-direction: column; width: 80%; margin: auto auto 30px; max-width: 1280px; }
.text-content__title { margin: 30px 0; }
.text-content__text { margin: 5px 0; text-align: justify; }
.text-content__list { margin: 10px auto; padding: 0; width: 100%; }
@media screen and (min-width: 800px) { .text-content__list { width: 60%; } }
.text-content__list__img { height: 30px; width: auto; margin-right: 10px; }
.text-content__list-elem { list-style: none; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }
.text-content__list-elem-style { align-items: center; margin-bottom: 10px; }
.text-page-body { height: auto; }

.contact-info {
  text-align: center;
  color: red;
}
.contact_form table {
  width: 600px;
}
.contact_form .labelField {
  width: 200px;
}
.contact_form .valueField, .valueField > input, .valueField > textarea {
  width: 250px;
}

@media only screen and (orientation: portrait) and (max-width: 700px) {
  .contact_form table {
    width: 550px;
  }
  .contact_form .labelField {
    width: 60px;
  }
  .contact_form .valueField, .valueField > input, .valueField > textarea {
    width: 150px;
  }
  .valueField > textarea {
    height: 90px;
  }
  .footer-content__column-title {
    font-size: 18px;
  }
}

@media only screen and (orientation: portrait) and (max-width: 800px) {
  footer {
    height: 100px;
  }
}