.main-content .content-block1.models
  max-width: calc(1125px + (100% / 12 * 2 ))
  padding: 0
  background: none

  .row
    margin-bottom: 40px

  article
    width: 48%
    margin: auto 2% auto 0
    background-color: $contentBackground1


    &:nth-child(2)
      float: right
      margin: auto 0 auto 2%

    header

      h2
        color: $orange
        background-color: rgba(255,255,255,0.9)
        text-transform: uppercase
        line-height: 54px
        margin-bottom: 0
        margin-top: -54px
        padding-left: $contentBlock1Grid

      p
        width: $contentBlock1Grid * 10
        margin: auto
        padding-top: 25px

    .header-image
      width: 100%
      background-size: 100%
      background-position: 50% 50%
      +transition(background-size 0.6s)

    &:hover
      .header-image
        background-size: 105%

    .last-container
      width: $contentBlock1Grid * 10
      margin: 0 $contentBlock1Grid

      .span12
        margin-bottom: 120px

    .subscribe-container.span12
      margin: 0
      padding-bottom: 0
      float: none
      +position(absolute, null null 25px null)

.main-content .side-by-side-grid.models //fix for models grid view
  .span3
    width: 20.9%
    &:nth-of-type(3)
      margin-left: 2.4%


+media-query(1366px)
  .main-content .content-block1.models
    article
      header
        h2
          font-size: 26px

+media-query(1000px)
  .main-content .content-block1.models
    article
      width: 100%
      margin: auto 0 50px
      float: none
      height: initial !important
      overflow: hidden

      &:nth-child(2)
        float: none
        margin: auto 0 50px