h1 {
  margin: 0px;
  color: white;
  font-size: 36px;
  font-weight: 500;
  padding: 15px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%), url("/img/milurit_bg.jpg") no-repeat top center;
  padding-bottom: 30px; }

.wrapper #header .main_menu {
  background: #336ec1; }
  .wrapper #header .main_menu > li:hover {
    background: rgba(0, 0, 0, 0.2); }
  .wrapper #header .main_menu > li a {
    transition: color 0.5s ease; }
  .wrapper #header .main_menu > li.hoverable:hover {
    background: #4a7bc0; }
    .wrapper #header .main_menu > li.hoverable:hover a {
      color: white; }
  .wrapper #header .main_menu li.hamburger-item .humburger-menu .hamburger-menu-item {
    background: #336ec1; }
    .wrapper #header .main_menu li.hamburger-item .humburger-menu .hamburger-menu-item:hover {
      background: #4a7bc0; }

#milurit hr {
  border-top: 1px solid #336ec1; }

#milurit .selectors-wrapper > div {
  -webkit-flex-basis: 49%;
  -moz-flex-basis: 49%;
  -ms-flex-basis: 49%;
  flex-basis: 49%; }
  #milurit .selectors-wrapper > div select {
    background: #336ec1;
    color: white;
    background-image: url(/img/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 6px;
    background-size: 30px 30px;
    border-radius: 2px;
    box-shadow: 0px 1px 3px 1px #044aab; }
    #milurit .selectors-wrapper > div select option {
      background: white;
      color: #4a7bc0;
      font-size: 18px; }

#milurit .videos-wrapper .video-item.last-odd {
  margin: auto; }

#milurit .articleslist-wrapper {
  flex-wrap: wrap; }
  #milurit .articleslist-wrapper .article-item {
    -webkit-flex-basis: 49%;
    -moz-flex-basis: 49%;
    -ms-flex-basis: 49%;
    flex-basis: 49%;
    flex-grow: 1;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 49%; }
    #milurit .articleslist-wrapper .article-item .article-img-wrapper {
      width: 100%; }
      #milurit .articleslist-wrapper .article-item .article-img-wrapper a {
        display: block;
        width: 100%;
        cursor: pointer;
        overflow: hidden; }
        #milurit .articleslist-wrapper .article-item .article-img-wrapper a img {
          width: 100%;
          height: auto;
          transform: translate3d(0, 0, 0);
          transition: transform 0.3s ease; }
        #milurit .articleslist-wrapper .article-item .article-img-wrapper a:hover img {
          transform: scale(1.05); }
    #milurit .articleslist-wrapper .article-item .article-title-wrapper {
      width: 100%; }
      #milurit .articleslist-wrapper .article-item .article-title-wrapper h3 {
        margin: 10px 0px; }
        #milurit .articleslist-wrapper .article-item .article-title-wrapper h3 a {
          display: block;
          font-size: 24px;
          color: #333333;
          cursor: pointer;
          text-align: left;
          transition: color 0.5s ease; }
          #milurit .articleslist-wrapper .article-item .article-title-wrapper h3 a:hover {
            text-decoration: none;
            color: #336ec1; }
    #milurit .articleslist-wrapper .article-item .article-annotation-wrapper {
      width: 100%; }
      #milurit .articleslist-wrapper .article-item .article-annotation-wrapper > p {
        font-size: 16px;
        line-height: 18px; }

@media screen and (max-width: 520px) and (min-width: 320px) {
  #milurit .videos-wrapper .video-item,
  #milurit .articleslist-wrapper .article-item {
    flex-basis: 100%;
    padding: 0px;
    max-width: none; }
  #milurit .selectors-wrapper {
    flex-wrap: wrap; }
    #milurit .selectors-wrapper > div {
      flex-basis: 100%;
      margin-bottom: 10px; } }