html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; background-repeat:no-repeat; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; background-repeat:no-repeat; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .allowwrap { overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .clickable { cursor: pointer; }  body { background: #fff; color: #222; font-family: "Quicksand", sans-serif;  font-weight: 400; font-size: 18px; line-height: 1.4; } html, body{  min-height: 100%;  height: 100%; } @media (max-width: 640px) { body {  font-size: 15px;  line-height: 1.4; } }  .wrapper--bg_white, .container--bg_white, .content--bg_white { background-color: #fff; } .wrapper--bg_light_grey, .container--bg_light_grey, .content--bg_light_grey { background-color: #efefef; }  .wrapper--bg_white_50, .container--bg_white_50, .content--bg_white_50 { background-color: rgba(255,255,255,0.5); } .wrapper--bg_white_75, .container--bg_white_75, .content--bg_white_75 { background-color: rgba(255,255,255,0.75); } .wrapper--bg_black_50, .container--bg_black_50, .content--bg_black_50 { background-color: rgba(0,0,0,0.5); }  .wrapper { margin-bottom: 30px; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 2px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_medium { margin-bottom: 60px; } .wrapper--mb_large { margin-bottom: 90px; } .wrapper--mb_xlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_medium, .wrapper--bg.wrapper--padding_vert_medium { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge{ padding-top: 120px !important; padding-bottom: 120px !important; }   .wrapper--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container > h1, .wrapper--full.wrapper--limit_width_half  .container > h2 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container > h1, .wrapper--limit_width_third .container > h2  {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container > h1, .wrapper--full.wrapper--limit_width_two_thirds  .container > h2  {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container > h1, .wrapper--full.wrapper--limit_width_three_quarters .container > h2 {  max-width: 1035px; } .wrapper--full.wrapper--limit_width_five_sixths .content, .wrapper--full.wrapper--limit_width_five_sixths .container > h1, .wrapper--full.wrapper--limit_width_five_sixths .container > h2 {  max-width: 1170px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container > h1, .wrapper--full.wrapper--limit_align_center  .container > h2 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container > h1, .wrapper--full.wrapper--limit_align_right  .container > h2 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; } .wrapper--limit_width_five_sixths .container {  max-width: 1170px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container, .wrapper--full.wrapper--limit_width_five_sixths .container {  max-width: 1410px; } .container { width: 95%; max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; }   .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; background-repeat: no-repeat; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--gutter_none .section { margin-left: 0; } .container--gutter_none .section > .column { padding-left: 0; } .container--gutter_medium .section { margin-left: -45px; } .container--gutter_medium .section > .column { padding-left: 45px; } .container--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_hairline .section { margin-left: -2px; } .container--gutter_hairline .section > .column { padding-left: 2px; }  .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }  .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }   .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px;  }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4;  }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child, .content > div > section > h2:last-child, .content > div > section > h3:last-child, .content > div > section:last-child > p:last-child, .content > div > section > hr:last-child, .content > div > section > ul:last-child, .content > div > section > ol:last-child, .content > div > section > table:last-child, .content > div > section > .video:last-child { margin-bottom: 0 !important; } .content > div > section.panel > p:last-child { margin-bottom: inherit !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left, .content.content--align_left p { text-align: left; } .content--align_center, .content.content--align_center p { text-align: center; } .content--align_right, .content.content--align_right p { text-align: right; } .content--align_right ul {  direction: rtl; }  .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_medium { padding-top: 60px !important; padding-bottom: 60px !important; } .content--padding_vert_large { padding-top: 90px !important; padding-bottom: 90px !important; } .content--padding_vert_xlarge { padding-top: 120px !important; padding-bottom: 120px !important; }  .content--padding_vert_medium_below { padding-bottom: 60px !important; } .content--padding_vert_large_below { padding-bottom: 90px !important; } .content--padding_vert_xlarge_below { padding-bottom: 120px !important; }  .content--padding_vert_medium_above { padding-top: 60px !important; } .content--padding_vert_large_above { padding-top: 90px !important; } .content--padding_vert_xlarge_above { padding-top: 120px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_medium { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_large { padding-left: 60px !important; padding-right: 60px !important; } .content--padding_horiz_xlarge { padding-left: 120px !important; padding-right: 120px !important; }  .content--padding_horiz_medium_right { padding-right: 45px !important; } .content--padding_horiz_large_right { padding-right: 60px !important; } .content--padding_horiz_xlarge_right { padding-right: 120px !important; }  .content--padding_horiz_medium_left { padding-left: 45px !important; } .content--padding_horiz_large_left { padding-left: 60px !important; } .content--padding_horiz_xlarge_left { padding-left: 120px !important; }  .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; } .wrapper--limit_width_five_sixths .container--full .content--padding_horiz_xlarge { padding-left: 20% !important; padding-right: 20% !important; } .wrapper--limit_width_three_quarters .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_two_thirds .container--full .content--padding_horiz_xlarge { padding-left: 15% !important; padding-right: 15% !important; } .wrapper--limit_width_half .container--full .content--padding_horiz_xlarge { padding-left: 10% !important; padding-right: 10% !important; } .wrapper--limit_width_third .container--full .content--padding_horiz_xlarge { padding-left: 7% !important; padding-right: 7% !important; }   .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }  .content--fontcol_black > * { color: #222 !important; } .content--fontcol_white > * { color: #fff !important; } @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; } .wrapper--mb_none .section > .column:last-of-type {  margin-bottom: 30px; } .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type {  width: auto !important; } .container--three_callouts > .section, .container--four_callouts > .section, .container--four_col > .section {  display: flex;  flex-wrap: wrap;  } .container--three_callouts > .section > .column {  flex-basis: 33.333%; } .container--four_callouts > .section > .column, .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } } @media (max-width: 740px) {  .container--three_callouts > .section, .container--four_callouts > .section, .container--four_col > .section {  display: block; }  .wrapper--mb_medium {  margin-bottom: 30px; } .wrapper--mb_large {  margin-bottom: 45px; } .wrapper--mb_xlarge {  margin-bottom: 60px; }  .content--padding_horiz_xlarge , .container--full .content--padding_horiz_xlarge {  padding-left: 10% !important;  padding-right: 10% !important; }  .content--padding_vert_xlarge {  padding-top: 5% !important;  padding-bottom: 5% !important; } .content--padding_vert_medium {  padding-top: 30px !important;  padding-bottom: 30px !important; } .content--padding_vert_large_above {  padding-top: 30px !important; }  } header {   position: absolute;   width: 100%;   z-index: 100; } header.fixed_header { background: #000; position: fixed; background-color: rgba(0,0,0,0.55); backdrop-filter: blur(15px) saturate(200%); top: -60px; transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 0.6; } header.fixed_header.offscreen { top: -60px; opacity: 0.6; } header.fixed_header.onscreen { top: 0;  opacity: 1; } header, header h2 a, header .container { height: 150px; } header.fixed_header, header.fixed_header h2 a, header.fixed_header .container { height: 60px; } header .container { display: flex; justify-content: space-between; align-content: center; align-items: center; } header h2 a { display: block; text-indent: -3200px; width: 445px; background-image: url(../_img/fsmedia_logo_white.png); background-position: 0 center; } header.fixed_header h2 a { background-size: 240px auto; } #open_nav, #close_nav, #mnav { display: none; } #globalnav ul { display: flex; justify-content: space-between; } #globalnav ul li { padding-left: 30px; text-transform: lowercase; padding-top: 15px; } #globalnav ul li:first-of-type { padding-left: 0; } #globalnav ul li a { color: #d2e8e6; color: #fff; text-decoration: none; position: relative; font-weight: 500;  }  #globalnav ul li a span {  border-bottom: 2px solid #bd0000; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%) scaleX(1%); width: 100%; opacity: 0; transition: bottom 0.6s ease-out,   opacity 0.2s ease-out,   transform 0.2s ease-out; } #globalnav ul li a:hover span { bottom: -4px; transform: translateX(-50%) scaleX(100%); opacity: 100%; }  @media (max-width: 1170px) { header h2 a {  width: 300px;  background-size: 280px auto; } } @media (max-width: 990px) { header h2 a {  width: 240px;  background-size: 220px auto; } header.fixed_header h2 a {  width: 200px;  background-size: 180px auto; } } @media (max-width: 940px) { header {  background: #000;  position: fixed;  background-color: rgba(0,0,0,0.55);  backdrop-filter: blur(15px) saturate(200%);  top: 0;  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;  opacity: 1; } header.offscreen {  top: 0;  opacity: 1;  } header.onscreen {  top: 0;  opacity: 1; }   header h2 a {  width: 200px;  background-size: 180px auto; }  header, header h2 a, header .container {  height: 60px; } #globalnav {  display: none;  }   #open_nav {  position: absolute;  right: 0;  top: 15px;  display: block;  width: 42px;  height: 42px;  background-image:url(../_img/mob_burger_lines_white.png);  background-repeat: no-repeat;  background-size: 32px 28px;  cursor: pointer; }   #close_nav {  display: block;  color: #fff;  position: absolute;  top: 00px;  right: 27px;  font-size: 60px;  line-height: 52px;  cursor: pointer; }   nav#mnav {  height: 0;  width: 0;  position: fixed;  z-index: 200;  left: 50%;  top: 50%;  background-color: rgba(0,0,0, 0.5);  backdrop-filter: blur(15px) saturate(200%);  overflow-x: hidden;  transition: 0.3s;  opacity: 0;  display: block; } nav#mnav.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1; }   nav#mnav ul {  display: block;  position: absolute;  top: 50%;  width: 100%;  text-align: center;  transform: translateY(-50%); }  nav#mnav ul li {  display: block;  text-align: center; }  #mnav ul li a {  color: #fff;  display: inline;  width: 100%;  text-align: center;  height: auto;  font-size: 40px;  line-height: 66px;  text-decoration: none;  text-transform: lowercase; } } @media (max-width: 740px) { #mnav ul li a {   font-size: 6vw;  line-height: 2; } } .content p, .content ul, .content ol, .content hr, .content table, section.panel { margin-bottom: 24px; } .content .mb0 { margin-bottom: 0px; } .content .mb5 { margin-bottom: 5px; } .content .mb6 { margin-bottom: 6px; } .content .mb10 { margin-bottom: 6px; } .content .mb12 { margin-bottom: 12px; } .content .mb15 { margin-bottom: 12px; } .content .mb18 { margin-bottom: 18px; } .content .mb20 { margin-bottom: 20px !important; } .content > div .mb20 { margin-bottom: 20px !important; } .content .mb24 { margin-bottom: 24px; } .content .mb30 { margin-bottom: 30px !important; } .content > div .mb30 { margin-bottom: 30px !important; } .content .mb36 { margin-bottom: 36px; } .content .mb40 { margin-bottom: 40px; }  .content .pb20 { padding-bottom: 20px; } .content .pb30 { padding-bottom: 30px; } .content .pl20 { padding-left: 20px; }  .content h2 { font-weight: 400; font-size: 3em; line-height: 1; margin-bottom: 20px; clear: both; } .content a { text-decoration: none; color: #000; }  .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: inline-block; width: auto; height: auto; } .content p.image_right { float: right; margin: 0; padding: 0 0 20px 20px; } .content p.image_left { float: left; margin: 0; padding: 0 20px 20px 0px; } .content p.image_left.newline { clear: both; } .content p.image_right img, .content p.image_left img, .content p.image_full img { display: block; }  .content p { font-size: 1.2em; } .content .fontsize_small { font-size: 0.9em; } .content .fontsize_medium { font-size: 1.1em; } .content .fontsize_large { font-size: 1.2em; } .content .fontsize_xlarge { font-size: 1.4em; font-weight: 300; } .googlemap {   overflow:hidden;   padding-bottom:56.25%;   position:relative;   height:0; } .googlemap iframe{   left:0;   top:0;   height:100%;   width:100%;   position:absolute; }  .content .button a { color: #d2e8e6; font-size: 0.9em; display: inline-block; text-decoration: none; border: 1px solid #d2e8e6; border-radius: 5px; padding: 5px 10px; font-weight: 600;  background-color: rgba(210,232,230, 0); transition: all 0.2s ease-in-out; } .content .button a:hover { background-color: rgba(210,232,230, 1); color: #012622; } #intro.wrapper { background-color: rgba(64, 64, 64, 1); background-image: url(../_img/nets/left_bottom_white.png); background-position: left bottom; } #events { background-color: rgba(210, 210, 210, 0.9); background-image: url(../_img/nets/left_top_white.png), url(../_img/nets/right_bottom_white.png); background-position: left top, right bottom; } #digital  { background-color: rgba(200, 200, 200, 0.4); background-image:url(../_img/nets/right_top_white.png), url(../_img/nets/left_bottom_white.png); background-position: right top, left bottom; } #event-management  { background-color: rgba(64, 64, 64, 1); background-image: url(../_img/nets/left_top_white.png), url(../_img/nets/right_bottom_white.png); background-position: left top, right bottom; } #event-management .content, #event-management .content a { color: #fff; } #team { background-color: rgba(210, 210, 210, 0.9); background-image:url(../_img/nets/right_top_white.png), url(../_img/nets/left_bottom_white.png); background-position: right top, left bottom; } #contact  { background-color: rgba(200, 200, 200, 0.4); background-image: url(../_img/nets/left_top_white.png), url(../_img/nets/right_bottom_white.png); background-position: left top, right bottom; } footer { background-image:url(../_img/nets/right_top_white.png); background-position: right top }  .cta_clicks a { padding: 3px 10px; display: inline-block;  background-color: rgba(255,255,255,0); transition: all 0.2s ease-in-out; } .cta_clicks a:hover { background-color: rgba(255,255,255,1); color: #000 !important; } #hero { width: 100%; height: 100vh; background: #000; } #hero .video_container { max-width: 1650px; height: 100vh; margin: 0 auto; width: 96%; display: flex;  justify-content: center;  align-items: center; overflow: hidden; } #hero .text_container { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 700px; height: 100vh; margin: 0 auto; width: 96%; display: flex;  justify-content: center;  align-items: center; z-index:2; } #hero .text_container_2 { position: absolute; left: 50%; transform: translateX(-50%); max-width: 800px; margin: 0 auto; width: 96%; bottom: 4vh; z-index:2; } div.video { width: 100%; position: relative; padding-bottom: 56.25%;  height: 0; overflow: hidden; background-image: url(../_img/video_blur_BG.webp); background-size: cover; } div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #hero .text_container h1 { color: #d2e8e6; color: #fff; font-size: 42px;  font-family: "Montserrat", "Quicksand", sans-serif;  text-align: center; font-weight: 400; line-height: 55px; margin-top: -50px; text-shadow: 0px 0px 50px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1), 0px 0px 50px rgba(0, 0, 0, 1); } #hero .text_container h1 b { display: block; } #hero .text_container h1 strong { font-size: 80px;  font-family: "Montserrat", "Quicksand", sans-serif;  font-weight: 700; padding-top: 15px; display: block; } #hero .text_container_2 p { color: #d2e8e6; font-size: 1.15em; text-align: center; } #hero .text_container_2 p strong { color: #fff; } #hero .text_container_2 p:first-of-type { margin-bottom: 50px; } #hero .text_container_2 p#down a { display: block; background-image:url(../_img/down_arrow_matrix.png); width: 48px; height: 48px; background-position: center -48px; text-indent: -4300px;  margin: 0 auto; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } #hero .text_container_2 p#down a:hover { background-position: center 0; }  #intro.wrapper { padding: 45px 0 90px 0; margin-bottom: 0; } #intro .content p.image_logo { text-align: center;  margin-bottom: 0.5em; } #intro .content p.image_logo img { max-width: 240px; } #intro .content p.txt { font-size: 1em; } #intro .content { color: #d2e8e6; font-weight: 600; } #intro .content .button { padding-top: 1.5em; } #intro .content .button a { color: #d2e8e6; font-size: 0.9em; display: inline-block; text-decoration: none; border: 1px solid #d2e8e6; border-radius: 5px; padding: 5px 10px; font-weight: 600;  background-color: rgba(210,232,230, 0); transition: all 0.2s ease-in-out; } #intro .content .button a:hover, #intro .content.clickable:hover .button a { background-color: rgba(210,232,230, 1); color: #012622; } #intro .content p.image_photo img { transition: all 0.2s ease-in-out;  opacity: 0.85; } #intro .content.clickable:hover p.image_photo img { transform: scale(1.05);  opacity: 1; }   #event_logos { display: flex; flex-wrap: wrap; margin-left: -30px; justify-content: center ; } #event_logos > div { flex-grow: 0; margin-left: 30px; margin-bottom: 30px; } #event_logos > div a { width: 100%; display: block; max-width: 370px; background: rgba(255,255,255,1); margin: 0 auto; padding: 0; transition: all 0.2s ease-in-out; } #event_logos > div a img { max-width:100%; max-width: 300px; height: auto; display: block; line-height: 0;  } #event_logos > div a:hover { transform: scale(1.05); } #event-management .content .button a { background-color: #bd0000; border-color: #bd0000; color: #fff; padding: 5px 15px;  border-radius: 0; } #event-management .content .button a:hover { background-color: #fff; border-color: #fff; color: #000; }   #team_bios { display: flex; flex-wrap: wrap; margin-left: -30px; } #team_bios > div { flex-grow: 1; margin-left: 30px; margin-bottom: 30px; } #team_bios > div a { width: 100%; display: block; max-width: 370px; background: rgba(255,255,255,1); margin: 0 auto; position: relative; overflow: hidden; } #team_bios > div a img { width: 100%; max-width: 370px; height: auto; display: block; opacity: 1; transition: all 0.5s ease-in-out; } #team_bios > div a:hover { background: rgba(0,0,0,1); } #team_bios > div a:hover img { opacity: 0.7; } #team_bios > div a:hover figcaption p { color: #fff; } #team_bios figcaption { padding: 20px;  display: block; } #team_bios figcaption p { margin: 0 !important; font-size: 1em; } #team_bios a span { position: absolute; top : -20%; width: 10%; left: 50%; transform: translateX(-50%) scale(0.1); backdrop-filter: blur(15px) saturate(200%); background: rgba(0,0,0,0.6); color: #fff;  padding: 28px 25px; border-radius: 20px; opacity: 0; transition: all 0.2s ease-in-out; } #team_bios a:hover span { top : 50%; width: 30%; transform: translate(-50%, -50%) scale(1); opacity: 1; border-radius: 100px; }  #full_bios_holder { display: none; } .team_bio_full { max-width: 900px;  padding: 30px; background: #fff; } .close_bio { display: none; } .team_bio_full h3 { font-size: 1.75em; font-weight: 400; line-height: 0.8; margin-bottom: 0.4em; } .team_bio_full h3 i { font-size: 0.55em; font-style: normal; font-weight: 400; text-transform: uppercase; line-height: 1.2; } .bio_details { display: flex; } .bio_details .bio_text { padding-right: 30px; } .bio_details .bio_text p { margin-bottom: 24px; } .bio_details .bio_text p:last-of-type { margin-bottom: 0; } .bio_details .bio_text p a { color: #bd0000; }  #contact  { padding-bottom: 120px; } @media (max-width: 1250px) { #team_bios > div {  flex-shrink: 1;  width: 30%;  flex-grow: 0; } #intro .content {  background-color: rgba(64, 64, 64, 0.75);  backdrop-filter: blur(5px); } #intro .content p.txt {  padding: 0 10px; } } @media (max-width: 1000px) { #events {  background-image: url(../_img/nets/left_top_white.png);  background-position: left top; } #digital, #event-management, #team, #contact   {  background-image: none; } }  @media (max-width: 940px) {  #hero .text_container h1 {  font-size: 4vw;  line-height: 1.1;  margin-top: -3vw; }  #hero .text_container h1 strong {  font-size: 8vw;  padding-top: 1vw;  }  #intro .container {  max-width: 600px;  }  #intro .content p.image_logo img {  max-width: 180px;  } #events_cta .column, #digital_cta .column, #event-management_cta .column, #team_members .column {  margin-bottom: 0;  } #team_bios > div {  width: 27%;  background: #fff; } #team_bios > div:hover {  background: #000; }  #team_bios a span {  top : -20%;  width: 10%;  left: 50%;  transform: translateX(-50%) scale(0.1);  backdrop-filter: blur(15px) saturate(200%);  background: rgba(0,0,0,0.6);  color: #fff;  padding: 15px 10px;  border-radius:40px;  opacity: 0;  text-align: center;  transition: all 0.2s ease-in-out; }  #team_bios a:hover span {  top : 50%;  width: 40%;  transform: translate(-50%, -50%) scale(1);  opacity: 1;  border-radius: 100px; }  #digital_content .content {  text-align: center;  } #contact  {  padding-bottom: 60px; } } @media (max-width: 640px) {   #intro .content p.image_logo img {  max-width: 160px;  }   #event_logos {  display: grid;   grid-template-columns: 1fr 1fr;   column-gap:20px;  row-gap: 20px;  margin: 0;   } #event_logos > div {  width: auto;  margin: 0; } #event_logos > div a {  width: auto; } #event_logos > div a img {  max-width:100%;  height: auto;   }  #team_bios {  margin-left: -4%; } #team_bios > div {  width: 46%;  background: #fff;  margin-left: 4%;  margin-bottom: 4%; }   .team_bio_full {  padding: 10px;  padding-top: 30px;  position: relative; } .close_bio {  display: block;  font-size: 60px;  line-height: 52px;  cursor: pointer;  position: absolute;  top: 0;  right: 10px;  } .bio_details {  display: block;  } .bio_details .bio_text {  padding-right: 0px;  } .bio_details .bio_text p {  margin-bottom: 24px;  } .bio_details .bio_text p:last-of-type {  margin-bottom: 24px;  } .bio_details .bio_photo p img {  width: 100%;  height: auto;  }  .bio_details .bio_photo p {  margin-bottom: 0;  }  #event_logos_wrapper .column, #digital_header .col1 {  margin-bottom: 0; } #contact  {  padding-bottom: 0; } }  @media (max-height: 540px) { #hero .text_container_2 p:first-of-type {  display: none; } } footer { background-color: #000; } footer .content { color: #fff; } footer .content p { margin: 0; padding: 50px; font-size: 1.1em; }