html {
  font-size: 62.5%; }

body {
  background-color: #ffffff;
  margin: 0px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.8; }

img {
  vertical-align: middle; }

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 972px;
  padding: 0 8px; }

section {
  width: 100%; }

a {
  text-decoration: none;
  color: #808000; }
  a:hover, a:focus {
    color: #800000;
    text-decoration: underline; }

h1, h2, h3 {
  font-family: 'Caudex', serif;
  color: #800000;
  margin: 5px 0; }

h1 {
  font-size: 3.6rem; }

h2 {
  font-size: 2.8rem; }

h3 {
  font-size: 2rem;
  border-bottom: 1px dotted #800000; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.nav:before,
.nav:after {
  display: table;
  content: " "; }

ol, ul, li {
  margin: 0;
  padding: 0;
  list-style-position: outside; }

/*-------------------------------------------------*/
#lang {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 10px 0 0 0; }
  #lang p {
    letter-spacing: 1px;
    transition: all 0.3s linear; }
    #lang p a {
      color: #808000;
      position: relative;
      display: block;
      padding: 10px 15px;
      border-radius: 4px;
      margin-right: 10px;
      margin-bottom: 10px;
      line-height: 20px; }
      #lang p a:hover {
        color: #800000;
        background-color: #eee; }
    #lang p.active a,
    #lang p.active a:hover {
      color: #fff;
      background-color: #800000; }

/*-------------------------------------------------*/
.flex-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }

.profile {
  width: 100%;
  margin-bottom: 10px; }

.photo {
  width: 100%;
  text-align: center; }
  .photo img {
    max-width: 100%;
    height: auto; }

/*-------------------------------------------------*/
.table {
  width: 100%;
  margin-bottom: 20px;
  border-spacing: 0;
  border-collapse: collapse;
  border-color: grey; }
  .table tbody {
    display: table-row-group;
    vertical-align: middle; }
  .table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border-top-color: inherit;
    border-right-color: inherit;
    border-bottom-color: inherit;
    border-left-color: inherit; }
    .table tr:nth-child(odd) > td, .table tr:nth-child(odd) > th {
      background-color: #f9f9f9; }
  .table th,
  .table td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd; }

/*-------------------------------------------------*/
ul.list {
  margin: 0 20px; }
ul.tab {
  width: 100%; }
  ul.tab li {
    float: left;
    list-style: none;
    cursor: pointer;
    border-left: 1px solid #A6A6A6;
    margin: 0 0 10px 0;
    font-size: 1.3rem;
    padding: 0 15px; }
    ul.tab li:hover, ul.tab li:hover {
      background-color: #eee; }
    ul.tab li:last-child {
      border-right: 1px solid #A6A6A6; }
    ul.tab li.select {
      background: #A6A6A6;
      color: #fff; }

.tab_content {
  width: 100%;
  margin: 0 0 30px 0;
  clear: left; }
  .tab_content li:last-child {
    margin-bottom: 30px; }
  .tab_content.display_none {
    display: none; }
  .tab_content ol {
    margin: 0 20px; }

/*-------------------------------------------------*/
/* Sm */
@media (min-width: 560px) {
  .profile {
    width: 66.66%; }

  .photo {
    width: 33.33%;
    text-align: right; } }
@media (min-width: 750px) {
  .profile {
    width: 50%; }

  .photo {
    width: 50%; } }
/* md */
/* lg */