.Article__Wrapper {
  margin: 0 auto;
  max-width: 360px;
  padding: 0 16px 56px;
}

.Article__Breadcrumbs {
  align-items: center;
  display: block;
  justify-content: space-between;
  margin: 18px 0 56px;
}

.Article__Breadcrumbs .breadcrumbs {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
}

.Article__Breadcrumbs .breadcrumbs li {
  margin-bottom: 7px;
}

.Article__Breadcrumbs .breadcrumbs li a {
  color: #000000;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.Article__Breadcrumbs .breadcrumbs li a:hover {
  color: #ff5500;
}

.Article__Container {
  display: block;
}

.Article__Title {
  font-size: 37px;
  margin: 25px 0;
}

.Article__Content {
  font-weight: 500;
}

.Article__Content a {
  color: #3388DD;
  text-decoration: none;
}

.Article__Content a:hover {
  border-bottom: 2px solid #000000;
  color: #000000;
}

.Article__Content img, .Article__Content video {
  max-height: 100%;
  max-width: 100%;
}

.Article__Content ul li:before {
  content: '●';
  margin-right: 14px;
}

.Article__Content table tr td {
  vertical-align: top;
}

.Article__Vote__Container {
  margin: 56px 0 0;
}

.Article__Vote {
  margin: 0 0 0 21px;
}

.Article__Vote:hover, .Article__Vote__Button:hover {
  color: #ff5500;
}

.Article__Vote__Button, .Article__Vote__Button > button {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
}

.Article__Vote__Button:focus, .Article__Vote__Button > button:focus {
  outline: 0;
}

.Article__Divider {
  background-color: #000000;
  height: 4px;
  margin: 224px 0 56px;
}

@media (min-width: 960px) {
  .Article__Wrapper {
    max-width: 875px;
  }
  
  .Article__Breadcrumbs {
    display: flex;
  }
  
  .Article__Breadcrumbs .breadcrumbs {
    flex-direction: row;
  }
  
  .Article__Breadcrumbs .breadcrumbs li {
    margin: 0 14px 0 0;
  }
  
  .Article__Container {
    display: flex;
  }
  
  .Article__Title {
    font-size: 50px;
    line-height: 55px;
    margin: 0 56px 0 0;
    width: 50%;
  }
  
  .Article__Content__Container {
    width: 50%;
  }
  
  .Article__Vote {
    margin: 0 0 0 28px;
  }
}

@media (min-width: 1080px) {
  .Article__Wrapper {
    max-width: 1240px;
  }
}