/* IRI Impact Areas */

.container-iri-tile
{
  width: 100%;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.iri-tile
{
  width: 320px;
  float: left;
  height: 320px;
  margin-bottom: 40px;
  border-radius: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

.iri-tile:hover
{
  background-image: none;
}

.iri-tile:hover>p
{
  display: none;
}

.iri-tile:hover>.hover p
{
  opacity: 100%;
}

.iri-tile:hover>.hover
{
  background-color: rgba(0, 48, 87, 1.0);
}

.iri-tile p
{
  font-size: 23px;
  color: #fff;
  margin-top: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  left: 50%;
  text-align: center;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
}

.iri-tile .hover
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  border-radius: 20px;
  background-color: rgba(0, 48, 87, .8);
  left: 0px;
}

.iri-tile .hover p
{
  opacity: 0;
  font-weight: 500;
  font-size: 20px;
  font-family: 'Roboto';
}

.iri-tile:nth-child(2),
.iri-tile:nth-child(5),
.iri-tile:nth-child(8)
{
  margin: 0 50px;
}

.iri-tile:nth-child(7),
.iri-tile:nth-child(8),
.iri-tile:nth-child(9)
{
  margin-bottom: 0px;
}

.iri-tile.catalyze
{
  background-image: url('/sites/default/files/iri-tiles/catalyze.jpg');
}

.iri-tile.educate
{
  background-image: url('/sites/default/files/iri-tiles/educate.jpg');
}

.iri-tile.cultivate
{
  background-image: url('/sites/default/files/iri-tiles/cultivate.jpg');
}

.iri-tile.enhance
{
  background-image: url('/sites/default/files/iri-tiles/enhance.jpg');
}

.iri-tile.accelerate
{
  background-image: url('/sites/default/files/iri-tiles/accelerate.jpg');
}

.iri-tile
{
  margin-right: 20px !important;
  margin-left: 20px !important;
  margin-bottom: 40px !important;
  width: 200px;
  height: 200px;
}

.iri-tile .hover
{
  border-radius: 10px;
}

/************  TITLE CSS  *************/
/**************************************/

.tiles-wrapper-sm
{
  display: block;
  margin: 0 auto;
  position: relative;
  left: 200px;
}

.tile-sm
{
  width: 30%;
  float: left;
  height: 100px;
  margin-bottom: 10px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.tiles-wrapper,
.tile .research-enterprise-block
{
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tiles-wrapper-up
{
  width: 90%;
  padding: 0 0 0 20xp;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 0 0 20px;
}
.tile-up
{
  width: 358px;
  float: left;
  height: 357px;
  margin: 0 20px 1% 0;
  border-radius: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-head
{
  margin: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-head h3
{
  font-size: 22px;
  color: rgb(255, 255, 255);
  transform: translate(-50%, -50%);
  position: relative;
  margin: 0px 0 0 240px;
  padding: 90px 0 0 0;
  text-align: left;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}
.tile-up-body
{
  margin: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.tile-up-body p,
.tile-up-body p a
{
  font-size: 20px;
  color: rgb(255, 255, 255);
  position: relative;
  
  padding: 20px 0 0 0;
  text-align: left;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}
.tile-up-body .plain,
.tile-up-body .plain a {
  font-size: 19px;
  color: rgb(255, 255, 255);
  position: relative;
  left: 15px;
  font-weight: 600;
  font-family: 'Roboto';
  text-align: left;
  z-index: 50;
}
p.plain {
  padding-top: 55px;
}
.tile-up-body .plain-sm,
.tile-up-body .plain-sm a {
  font-size: 16px;
  color: rgb(255, 255, 255);
  position: absolute;
  font-weight: 900;
  font-family: 'Roboto';
  text-align: left;
  z-index: 50;
  margin: 0 0 0 33px;
  bottom: 20px;
}
.tile-up-body .plain-ctr,
.tile-up-body .plain-ctr a {
  font-size: 19px;
  color: rgb(255, 255, 255);
  font-weight: 900;
  font-family: 'Roboto';
  text-align: center;
  z-index: 50;
  width: 100%;
}
.tile-up-body .slab {
  font-size: 28px;
  color: rgb(255, 255, 255);
  font-weight: 900;
  font-family: 'Roboto Slab';
  text-align: center;
  z-index: 50;
  width: 100%;
}




.tile-up-head.up-jan-head_01
{
  background-image: url('/sites/default/files/tiles/up-head_01.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_02
{
  background-image: url('/sites/default/files/tiles/up-head_02.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_03
{
  background-image: url('/sites/default/files/tiles/up-head_03.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_01
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_1.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_02
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_2.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_03
{
  background-image: url('/sites/default/files/tiles/2025_Unexpected Paths Web Cards_3.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}

.tile-up-head.up-jan-head_04
{
  background-image: url('/sites/default/files/tiles/up-head-04-d.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_05
{
  background-image: url('/sites/default/files/tiles/up-head-05-e.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-head.up-jan-head_06
{
  background-image: url('/sites/default/files/tiles/up-head-06-e.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_04
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-4.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_05
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-5.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-body.up-jan-body_06
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-6.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_07
{
  background-image: url('/sites/default/files/tiles/up-head-07.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_07
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-7.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_08
{
  background-image: url('/sites/default/files/tiles/up-head-08.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_08
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-8.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_09
{
  background-image: url('/sites/default/files/tiles/up-head-09.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_09
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-9.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}

.tile-up-head.up-jan-head_10
{
  background-image: url('/sites/default/files/tiles/up-head-10.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_10
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-10.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_11
{
  background-image: url('/sites/default/files/tiles/up-head-11.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_11
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-11.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-up-head.up-jan-head_12
{
  background-image: url('/sites/default/files/tiles/up-head-12.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 97px;
}
.tile-up-body.up-jan-body_12
{
  background-image: url('/sites/default/files/tiles/2025-unexpected-paths-web-cards-12.png');
  background-repeat: no-repeat;
  width: 358px;
  height: 261px;
  border-radius: 0 0 20px 20px;
}
.tile-overlay
{
  bottom: 0;
  width: 400px;
  height: 92px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 48, 87, 0.9);
  z-index: 10;
  margin: 0;
}

.tile
{
  width: 400px;
  float: left;
  height: 296px;
  margin: 0 20px 1% 0;
  border-radius: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

.tile:hover
{
  background-image: none;
}

.tile:hover>p
{
  display: none;
  text-decoration: none;
}

.tile:hover>.hover p
{
  opacity: 100%;
  text-decoration: none;
}

.tile:hover>.hover
{
  background-color: rgba(0, 48, 87, 1.0);
  text-decoration: none;
}

.tile-overlay p,
.tile-overlay p a
{
  font-size: 23px;
  color: rgb(255, 255, 255);
  margin-top: 10%;
  transform: translate(-50%, -50%);
  position: relative;
  left: 50%;
  text-align: center;
  z-index: 99;
  font-weight: 900;
  font-family: 'Roboto Slab';
  width: 80%;
  z-index: 50;
  text-decoration: none;
}

.tile .hover
{
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 20px;
  /* background-color: rgba(0,48,87,.8); */
  z-index: 60;
  text-decoration: none;
}

.tile .hover p
{
  opacity: 0;
  width: 400px;
  height: 296px;
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Roboto';
  padding: 0 46px;
  margin: 0;
  z-index: 70;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
}

.tile .hover p a,
.tile .hover p a:link,
.tile .hover p a:active,
.tile .hover p a:visited,
.tile .hover p a:hover
{
  color: #ffffff;
  text-decoration: none !important;
}


.tile:nth-child(2),
.tile:nth-child(5),
.tile:nth-child(8)
{
  margin: 0 18x;
}

.tile:nth-child(7),
.tile:nth-child(8),
.tile:nth-child(9)
{
  margin-bottom: 0px;
}

/***************  ABOUT SECTION TILES *********************/

.tile.about-leadership-block
{
  background-image: url('/sites/default/files/new-designs/tim-leadership-tile.png');
  width: 400px;
  height: 296px;
}

.tile.about-organization-block
{
  background-image: url('/sites/default/files/new-designs/about-organization.png');
  width: 400px;
  height: 296px;
}

.tile.about-report-block
{
  background-image: url('/sites/default/files/new-designs/about-report.png');
  width: 400px;
  height: 296px;
}

.tile.about-contact-block
{
  background-image: url('/sites/default/files/new-designs/about-contact.png');
  width: 400px;
  height: 296px;
}

/**********************************************************/
/************  For Researchers SECTION TILES **************/

.tile.researchers-continuity-block,
.tile.researchers-resources-block,
.tile.researchers-development-block,
.tile.researchers-index-block
{
  width: 400px;
  height: 296px;
}

.tile.researchers-continuity-block
{
  background-image: url('/sites/default/files/new-designs/researchers-continuity.png');
}

.tile.researchers-resources-block
{
  background-image: url('/sites/default/files/new-designs/researchers-resources.png');
}

.tile.researchers-development-block
{
  background-image: url('/sites/default/files/new-designs/researchers-development.png');
}

.tile.researchers-index-block
{
  background-image: url('/sites/default/files/new-designs/index-card.png');
}

/**********************************************************/
/************  For Students SECTION TILES **************/

.tile.students-undergraduate-block
{
  background-image: url('/sites/default/files/new-designs/undergraduate-research.png');
  width: 400px;
  height: 296px;
}

.tile.students-graduate-block
{
  background-image: url('/sites/default/files/new-designs/graduate-research.png');
  width: 400px;
  height: 296px;
}

.tile.students-mentor-block
{
  background-image: url('/sites/default/files/new-designs/find-a-mentor.png');
  width: 400px;
  height: 296px;
}

.tile.students-apply-block
{
  background-image: url('/sites/default/files/new-designs/apply-to-gatech.png');
  width: 400px;
  height: 296px;
}

/**********************************************************/
/************  FOR INDUSTRY SECTION TILES **************/

.tile.industry-commercialization-block
{
  background-image: url('/sites/default/files/new-designs/industry-commercialization.png');
  width: 400px;
  height: 296px;
}

.tile.industry-corp-engagement-block
{
  background-image: url('/sites/default/files/new-designs/industry-corp-engagement.png');
  width: 400px;
  height: 296px;
}

.tile.industry-protect-research-block
{
  background-image: url('/sites/default/files/new-designs/industry-protect-research.png');
  width: 400px;
  height: 296px;
}

/**********************************************************/
/************  WHAT WE DO SECTION TILES **************/

.tile.research-enterprise-block,
.tile.strategic-initiative-block,
.tile.research-next-block,
.tile.colleges-schools-block
{
  width: 400px;
  height: 296px;
}

.tile.research-enterprise-block
{
  background-image: url('/sites/default/files/new-designs/research-enterprise-block.png');
}

.tile.strategic-initiative-block
{
  background-image: url('/sites/default/files/new-designs/strategic-initiative-block.png');
}

.tile.research-next-block
{
  background-image: url('/sites/default/files/new-designs/research-next-block.png');
}

.tile.colleges-schools-block
{
  background-image: url('/sites/default/files/new-designs/colleges-schools-block.png');
}

.tile.advertising
{
  background-image: url('/sites/default/files/for-companies/For_Companies_Advertising_Sponsorship.png');
}

.tile.sponsored
{
  background-image: url('/sites/default/files/for-companies/For_Companies_Sponsored_Research.png');
}

.tile.professional
{
  background-image: url('/sites/default/files/for-companies/For_Companies_Professional_Education.png');
}

.tile.connectivity
{
  background-image: url('/sites/default/files/for-companies/For_Companies_Startup_Connectivity.png');
}

.tile.targeted
{
  background-image: url('/sites/default/files/for-companies/For_Companies_Targeted_Solutions.png');
}

/*  END TILE CSS  */




/*  +++++++++++++++++++++++++  */
/*  @MEDIA MOBILE STARTS HERE  */
/*  +++++++++++++++++++++++++  */

@media all and (max-width: 1199px)
{
  .tile
  {
    width: 388px;
    float: left;
    height: 296px;
    margin: 0 20px 1% 0;
    border-radius: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
  }

  .tile-overlay
  {
    bottom: 0;
    width: 100% !important;
    height: 92px;
    border-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 48, 87, 0.9);
    z-index: 10;
    margin: 0;
  }

  .tile .hover p
  {
    opacity: 0;
    width: 388px;
    height: 296px;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto';
    padding: 0 46px;
    margin: 0;
    z-index: 70;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .tiles-wrapper-sm
  {
    padding-bottom: 20px;
  }

  .tiles-wrapper-sm
  {
    display: block;
    margin: 0 auto;
    position: relative;
    left: 132px;
  }

  .tile-sm li
  {
    line-height: 16px;
  }


}

@media all and (max-width: 991px)
{
  .tile
  {
    width: 345px;
    float: left;
    height: 296px;
    margin: 0 20px 1% 0;
    border-radius: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
  }
  .tiles-wrapper-up {
    flex-direction: column;
  }

  .tile-overlay
  {
    bottom: 0;
    width: 100% !important;
    height: 92px;
    border-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 48, 87, 0.9);
    z-index: 10;
    margin: 0;
  }

  .tile-overlay p,
  .tile-overlay p a
  {
    font-size: 23px;
    color: rgb(255, 255, 255);
    margin-top: 11px;
    transform: translate(-50%, 10%);
    position: relative;
    text-align: center;
    z-index: 99;
    font-weight: 900;
    font-family: 'Roboto Slab';
    width: 80%;
    z-index: 50;
  }

  .tile .hover p
  {
    opacity: 0;
    width: 345px;
    height: 296px;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Roboto';
    padding: 0 20px;
    margin: 0;
    z-index: 70;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  .tiles-wrapper-sm
  {
    padding-bottom: 30px;
  }

  .tiles-wrapper-sm
  {
    display: block;
    margin: 0 auto;
    position: relative;
    left: 108px;
  }

  .tile-sm li
  {
    line-height: 16px;
  }

}

/****************************************************/
/***************     @ MEDIA    *********************/


@media all and (max-width: 600px)
{



  /*  TILES SECTION  */

  .tile
  {
    width: 400px;
    float: left;
    height: 296px;
    margin: 0;
    border-radius: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    flex-direction: column !important;
  }

  .tile-overlay
  {
    bottom: 0;
    width: 100%;
    height: 80px;
    margin-bottom: 0px;
    border-radius: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 48, 87, 0.9);
    z-index: 10;
    margin: 0px;
    flex-direction: column !important;
  }

  .tiles-wrapper,
  .tile .research-enterprise-block
  {
    clear: both;
    flex-direction: column !important;
    margin: 0 auto;
    width: 90%;

  }

  .tile:nth-child(2),
  .tile:nth-child(5),
  .tile:nth-child(8)
  {
    margin: 0px;
  }

  .tile:nth-child(2)
  {
    margin: 0 0 0 -30px;
  }

  .tile
  {
    width: 350px;
    height: 259px;
    margin: 0 0 20px -30px;
    border-radius: 20px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
  }

  .tile-overlay p,
  .tile-overlay p a
  {
    font-size: 23px;
    color: rgb(255, 255, 255);
    margin-top: 15px;
    position: relative;
    text-align: center;
    z-index: 99;
    font-weight: 900;
    font-family: 'Roboto Slab';
    width: 80%;
    z-index: 50;
    text-decoration: none;
  }

  .tile .hover
  {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 20px;
    /* background-color: rgba(0,48,87,.8); */
    z-index: 60;
  }

  .tile .hover p
  {
    opacity: 0;
    width: 345px;
    height: 296px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Roboto';
    padding: 0 20px;
    margin: 0;
    z-index: 70;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
  }

  /**********************************************************/
  /***************  ABOUT SECTION TILES *********************/

  .tile.about-leadership-block,
  .tile.about-organization-block,
  .tile.about-report-block,
  .tile.about-contact-block
  {
    width: 350px;
    height: 259px;
  }

  .tile.about-leadership-block,
  .tile.about-report-block
  {
    margin-bottom: 40px;
  }

  /**********************************************************/
  /************  For Researchers SECTION TILES **************/

  .tile.researchers-continuity-block,
  .tile.researchers-resources-block,
  .tile.researchers-development-block,
  .tile.researchers-index-block,
  .tile.industry-protect-research-block
  {
    width: 350px;
    height: 259px;
    margin-left: unset;
  }

  /**********************************************************/
  /************  For Students SECTION TILES **************/

  .tile.students-undergraduate-block,
  .tile.students-graduate-block,
  .tile.students-mentor-block,
  .tile.students-apply-block
  {
    width: 350px;
    height: 259px;
    margin-left: unset;
  }
  
  /**********************************************************/
  /************  WHAT WE DO SECTION TILES **************/

  .tile.research-enterprise-block,
  .tile.strategic-initiative-block,
  .tile.research-next-block,
  .tile.colleges-schools-block
  {
    width: 350px;
    height: 259px;
    margin-left: unset;
  }

  .tiles-wrapper-sm
  {
    padding-bottom: 30px;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 0;
  }

  .tile-sm
  {
    width: 30%;
    float: left;
    height: 100px;
    margin: 0;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .tile-sm li
  {
    line-height: 16px;
  }

  /**********************************************************/
  /************  FOR INDUSTRY SECTION TILES **************/

  .tile.industry-commercialization-block,
  .tile.industry-corp-engagement-block
  {
    width: 350px;
    height: 259px;
    margin-left: unset;
  }

  .tile.industry-corp-engagement-block
  {
    margin-top: 10px;
  }

  .tile.advertising
  {
    width: 350px;
    height: 259px;
    margin: 0 0 0 -20%;
  }

  .tile.sponsored
  {
    width: 350px;
    height: 259px;
    margin: 0 0 0 -20%;
  }

  .tile.professional
  {
    width: 350px;
    height: 259px;
    margin: 0 0 0 -20%;
  }

  .tile.connectivity
  {
    width: 350px;
    height: 259px;
    margin: 0 0 0 -20%;
  }

  .tile.targeted
  {
    width: 350px;
    height: 259px;
    margin: 0 0 0 -20%;
  }
}