/*------------------------------------*\
:    Variables
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Type
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Flexbox
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Animation
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Miscellaneous
\*------------------------------------*/
/*------------------------------------*\
:    Mixins - Media Queries
\*------------------------------------*/
/*------------------------------------*\
:    Main
\*------------------------------------*/
/*------------------------------------*\
:    Default page
\*------------------------------------*/
/* line 15, ../scss/dev/08-main.scss */
.l-content-container-logos {
  margin-top: 20px; }
  /* line 18, ../scss/dev/08-main.scss */
  .l-content-container-logos a {
    display: block;
    padding: 10px 20px; }
  /* line 22, ../scss/dev/08-main.scss */
  .l-content-container-logos .logo_urbact {
    border-right: 1px solid #c0c0c0; }
    /* line 25, ../scss/dev/08-main.scss */
    .l-content-container-logos .logo_urbact img {
      max-height: 50px; }
      @media (min-width: 0px) and (max-width: 500px) {
        /* line 25, ../scss/dev/08-main.scss */
        .l-content-container-logos .logo_urbact img {
          max-height: 30px; } }
  /* line 32, ../scss/dev/08-main.scss */
  .l-content-container-logos .logo_eu img {
    max-height: 40px; }
    @media (min-width: 0px) and (max-width: 500px) {
      /* line 32, ../scss/dev/08-main.scss */
      .l-content-container-logos .logo_eu img {
        max-height: 25px; } }

/* line 40, ../scss/dev/08-main.scss */
.intro-box {
  max-width: 630px;
  background-color: #222;
  color: #ffffff;
  padding: 50px 60px 40px 40px;
  margin-top: -190px;
  margin-left: -170px; }
  @media (min-width: 0px) and (max-width: 1024px) {
    /* line 40, ../scss/dev/08-main.scss */
    .intro-box {
      margin: 0; } }
  @media (min-width: 0px) and (max-width: 500px) {
    /* line 40, ../scss/dev/08-main.scss */
    .intro-box {
      padding: 50px 30px 30px 30px;
      margin-bottom: 4rem; } }
  /* line 57, ../scss/dev/08-main.scss */
  .intro-box P {
    margin: 20px 0 0 50px; }
    @media (min-width: 0px) and (max-width: 1024px) {
      /* line 57, ../scss/dev/08-main.scss */
      .intro-box P {
        margin-left: 0px; } }

/*------------------------------------*\
:    city profiles
\*------------------------------------*/
/* line 72, ../scss/dev/08-main.scss */
.cities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px; }
  /* line 78, ../scss/dev/08-main.scss */
  .cities .city-img {
    min-width: 300px;
    width: 100%;
    padding-top: 40px; }
  /* line 83, ../scss/dev/08-main.scss */
  .cities .city-content {
    padding-left: 40px; }

/* line 90, ../scss/dev/08-main.scss */
.list-cities a {
  color: #555; }

/* line 94, ../scss/dev/08-main.scss */
.list-cities .list-cities-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 40px; }
  @media (min-width: 0px) and (max-width: 500px) {
    /* line 94, ../scss/dev/08-main.scss */
    .list-cities .list-cities-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  /* line 104, ../scss/dev/08-main.scss */
  .list-cities .list-cities-item__img {
    max-width: 300px; }
    @media (min-width: 0px) and (max-width: 500px) {
      /* line 104, ../scss/dev/08-main.scss */
      .list-cities .list-cities-item__img {
        max-width: 100%; }
        /* line 108, ../scss/dev/08-main.scss */
        .list-cities .list-cities-item__img img {
          width: 100%; } }
  /* line 114, ../scss/dev/08-main.scss */
  .list-cities .list-cities-item__content {
    width: 100%;
    max-width: 600px;
    margin-left: 40px; }
    @media (min-width: 0px) and (max-width: 500px) {
      /* line 114, ../scss/dev/08-main.scss */
      .list-cities .list-cities-item__content {
        margin-left: 0; } }
  /* line 123, ../scss/dev/08-main.scss */
  .list-cities .list-cities-item h3 {
    font-size: 40px;
    font-size: 4rem; }
  /* line 127, ../scss/dev/08-main.scss */
  .list-cities .list-cities-item .link {
    color: #f4c735; }

/*------------------------------------*\
:    Milestones
\*------------------------------------*/
@media (min-width: 0px) and (max-width: 500px) {
  /* line 143, ../scss/dev/08-main.scss */
  .milestones {
    margin: 0; } }

/* line 151, ../scss/dev/08-main.scss */
.milestones table td, .milestones table th {
  font-family: "Poppins", sans-serif;
  padding: 15px 20px 30px 0;
  vertical-align: top;
  border-bottom: 1px solid #f4c735; }

@media (min-width: 0px) and (max-width: 500px) {
  /* line 158, ../scss/dev/08-main.scss */
  .milestones table td {
    padding-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem; } }

/* line 163, ../scss/dev/08-main.scss */
.milestones table .when,
.milestones table td:nth-child(1) {
  width: 30%; }

/* line 167, ../scss/dev/08-main.scss */
.milestones table .what {
  width: 60%; }

/* line 170, ../scss/dev/08-main.scss */
.milestones table .where {
  width: 10%; }