.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 1200px)
{
  .item-title
  {
    min-width: 12em;
  }
}

@media only screen and (max-width: 1000px)
{
  [class*="col-"]
  {
      width: 100%;
      min-height: 100%;
  }

  .flex-container
  {
    flex-direction: column;
  }

  .responsive-picture
  {
    max-width: 20em;
  }

  .item-title
  {
    min-width: 10em;
  }

  .section-title
  {
    margin-left: 1em;
  }

  .section-body
  {
    margin-left: 1em;
  }

  .item-skills
  {
    justify-content: center;
  }
}

@media only screen and (max-width: 600px)
{
  .wm-cv
  {
    width: 95vw;
    margin-top: .7em;
  }

  .main-title
  {
    font-size: 3em;
  }
  .main-subtitle
  {
    font-size: 1.5em;
  }

  .head
  {
    height: auto;
  }

  .section
  {
    margin-top: 1em;
  }

  .section-title
  {
    text-align: center;
  }

  .item
  {
    flex-direction: column;
    align-items: center;
  }

  .item-skills
  {
    margin-top: 1em;
  }

  .item-title
  {
    text-align: center;
  }

  .item-body
  {
    text-align: center;
  }

  .item-skills
  {
    flex-direction: row;
  }
}