/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

@import url('https://fonts.googleapis.com/css?family=BenchNine:400,700|Open+Sans:300|Oswald:500|PT+Sans+Narrow|Teko:300');

p{
  font-family: 'Open Sans', sans-serif;
  font-weight: 300px;
  font-size: 20px;
}

.full-page{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}

#loader {
  z-index: 1040;
}

#loader > div{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

#loader > div p{
  position: relative;
  letter-spacing: 3px;
}


#loader > div p:after {
  letter-spacing: 3px;
  overflow: hidden;
  position: absolute;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 1500ms infinite;      
  animation: ellipsis steps(4,end) 1500ms infinite;
  content: "..."; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.35em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.35em;    
  }
}

.header-container{
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.svg-container{
  position: relative;
  overflow: hidden;
}

.svg-container .placer {
  min-width: 2100px;
  width: 320%;
  max-width: 3800px;
  /* Reserves the header's height via the SVG aspect ratio (9345.5 x 1560.2),
     so no file needs to load for the layout to be correct. */
  aspect-ratio: 9345.5 / 1560.2;
}

.svg-container #header-svg{

  min-width: 2100px;
  width: 320%;
  max-width: 3800px;

    position : absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.placer{
  visibility: hidden;
}

.dark-background{
  background-color: #0A0F22;
}

.light-background{
  background-color: #CD9C6E;
}

.white-background{
  background-color: #fff;
}

.main-container{
  position: fixed;
  top: 50%;
  /* bring your own prefixes */
  transform: translate(0%, -50%);
  width: 100vw;
  text-align: center;
}

.iw-text{
  font-family: 'Teko', sans-serif;
  margin: 0px auto;
}

.dms-text{
  font-family: 'Oswald', sans-serif;
  margin: 5px auto 10px auto;
}

.date-text{
  font-family: 'PT Sans Narrow', sans-serif;
  margin: 40px auto;
}

.info-text{
  margin: 60px auto 0px auto;
}

.email-text{
  font-family: 'BenchNine', sans-serif;
  margin: 60px auto 60px auto;
}

.button-container a{
  display: block;
  margin: 20px auto;
  max-width: 400px;
}

.btn-indico {
  border-radius: 4px;
  border: 1px solid white;
  color: white;
  padding: 10px;
  letter-spacing: 3px;
  background-color: rgba(255,255,255,0);

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-indico.disabled {
  cursor: pointer;
  pointer-events: none;
  opacity: 0.5;
}

.yellow-label{
  pointer-events: none;

  border-radius: 3px;
  background-color: #DF9B45;
  color: white;
  text-transform: uppercase;
  font-size: 14px;

  position: absolute;
  right: -8px;
  top: -8px;
}

.yellow-label p{
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0;
  padding: 2px 5px;
}

.expired-label{
  pointer-events: none;

  border: 6px solid #DF9B45;
  border-radius: 5px;
  color:#DF9B45;
  text-transform: uppercase;

  position: absolute;
  left: 50%;
  top: 50%;

  transform: translate(-50%,-50%) rotate(-10deg);
}

.expired-label p{
  letter-spacing: 5px;
  margin: 0;
  padding: 2px 8px;
  font-size: 42px;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}

.btn-indico-small {
  color: white;
  padding: 5px;
  letter-spacing: 2px;

  font-size: 14px;
}

.btn-indico-white {
  border-color: rgba(255,255,255,0.4);
  color: #090F23;
  background-color: rgba(255,255,255,1.0);
}

.btn-indico-blue {
  border-color: #0A0F22;
  color: #0A0F22;
}

.btn-indico:hover {
  background-color: rgba(255,255,255,0.2);
  color: white;
  text-decoration: none;
}

.btn-indico-white:hover {
  background-color: rgba(255,255,255,0.5);
}

.btn-indico-blue:hover {
  background-color: rgba(10,15,34,0.15);
  color: #0A0F22;
}

.top-buffer-20 {
  margin-top: 20px;
}

.top-buffer-30 {
  margin-top: 30px;
}

.top-buffer-40 {
  margin-top: 40px;
}

.top-buffer-100 {
  margin-top: 100px;
}

.bottom-buffer-20 {
  margin-bottom: 20px;
}

.vertical-buffer-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.vertical-buffer-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.vertical-buffer-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.vertical-buffer-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.vertical-buffer-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.vertical-buffer-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

  .info-text{
    margin: 30px auto 60px auto;
  }

  .iw-text{
    font-size: 28px;
    line-height: 16px;
  }

  .dms-text{
    font-size: 56px;
    line-height: 52px;
  }

  .date-text{
    font-size: 28px;
    line-height: 24px;
  }

  .email-text{
    font-size: 18px;
  }

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

  .iw-text{
    font-size: 28px;
    line-height: 16px;
  }

  .dms-text{
    font-size: 70px;
    line-height: 66px;
  }

  .date-text{
    font-size: 28px;
    line-height: 24px;
  }

  .email-text{
    font-size: 18px;
  }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  .iw-text{
    font-size: 38px;
    line-height: 34px;
  }

  .dms-text{
    font-size: 120px;
    line-height: 114px;
  }

  .date-text{
    font-size: 40px;
    line-height: 36px;
  }

  .email-text{
    font-size: 20px;
  }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

  .iw-text{
    font-size: 40px;
    line-height: 36px;
  }

  .dms-text{
    font-size: 130px;
    line-height: 126px;
  }

  .date-text{
    font-size: 52px;
    line-height: 48px;
  }

  .email-text{
    font-size: 20px;
  }
}

body {
  background-color: #0A0F22;
}

body,
html {
  width: 100%;
  height: 100%;
}

hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #0A0F22;
}

hr.light {
  border-color: #DF9B45;
}

hr.white {
  border-color: #fff;
}

.text-white {
  color: white;
}

.text-blue {
  color:#0A0F22;
}

.text-yellow{
  color: #DF9B45;
}

#contact{
  overflow: hidden;
}
.text-email{ 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: white;
}

.text-email p{
  text-transform: uppercase;
  text-decoration: none;
  color: white;

  letter-spacing: 3px;
  font-size: 16px;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

}

.text-email:hover,
.text-email:hover p{ 
  text-decoration: none;
  color: #DF9B45;
}

.text-tiny {
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.bg-primary {
  background-color: #F05F40 !important;
}

.bg-dark {
  background-color: #212529 !important;
}

.text-faded {
  color: rgba(255, 255, 255, 0.7);
}

section {
  padding: 8rem 0;
}

.section-heading {
  margin-top: 0;
  font-family: 'Teko', sans-serif;
  text-transform: uppercase;
  font-size: 44px;
}

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

img::-moz-selection {
  color: #fff;
  background: transparent;
}

img::selection {
  color: #fff;
  background: transparent;
}

img::-moz-selection {
  color: #fff;
  background: transparent;
}

#mainNav {
  background-color: transparent;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#mainNav .navbar-toggler{
  background-color: rgba(255,255,255,0.8);
  margin-top: 15px;
  margin-right: 10px;
}

#mainNav.navbar-shrink .navbar-toggler{
  margin-top: 0px;
  margin-right: 0px;
}

#mainNav.navbar-shrink {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #fff;
}

#mainNav .navbar-brand {
  visibility: hidden;
}

#mainNav.navbar-shrink .navbar-brand {
  visibility: visible;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  background: -moz-linear-gradient(50% 100% 90deg, rgba(91, 155, 232, 1) 0%, rgba(56, 103, 160, 1) 40%, rgba(24, 41, 73, 1) 51.33%, rgba(10, 14, 32, 1) 89.09%);
  background: -webkit-linear-gradient(90deg, rgba(91, 155, 232, 1) 0%, rgba(56, 103, 160, 1) 40%, rgba(24, 41, 73, 1) 51.33%, rgba(10, 14, 32, 1) 89.09%);
  background: -webkit-gradient(linear, 50% 100% , 50% 0% , color-stop(0, rgba(91, 155, 232, 1) ), color-stop(0.40, rgba(56, 103, 160, 1) ), color-stop(0.5133, rgba(24, 41, 73, 1) ), color-stop(0.8909, rgba(10, 14, 32, 1) ));
  background: -o-linear-gradient(90deg, rgba(91, 155, 232, 1) 0%, rgba(56, 103, 160, 1) 40%, rgba(24, 41, 73, 1) 51.33%, rgba(10, 14, 32, 1) 89.09%);
  background: -ms-linear-gradient(90deg, rgba(91, 155, 232, 1) 0%, rgba(56, 103, 160, 1) 40%, rgba(24, 41, 73, 1) 51.33%, rgba(10, 14, 32, 1) 89.09%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B9BE8', endColorstr='#0A0E20' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(91, 155, 232, 1) 0%, rgba(56, 103, 160, 1) 40%, rgba(24, 41, 73, 1) 51.33%, rgba(10, 14, 32, 1) 89.09%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0A0E20', endColorstr='#5B9BE8' , GradientType=0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #5B9BE8;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.nav-link-register {
  border: 1px solid #090F23;
  text-align: center;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.nav-link-register:hover {
  color: #090F23;
  background-color: rgba(10,15,34,0.15);
}

#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link.nav-link-register {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #090F23;

  text-align: center;
}

#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link.nav-link-register:hover {
  color: #090F23;
  background-color: rgba(10,15,34,0.15);
}

#mainNav .navbar-nav {
  margin-top: 10px;
  border-radius: 4px;
  padding: 15px;
  background-color: rgba(255,255,255,1.0)
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
  padding: 10px;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #212529;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: #5B9BE8;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
  color: #2E6CD4 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #fff;
  }
  #mainNav .navbar-nav {
    padding: 0px;
    background-color: transparent;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    padding: 0.5rem 1rem;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #5B9BE8;
  }
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
    color: #5B9BE8;
  }

 #mainNav .navbar-nav > li.nav-item > a.nav-link.nav-link-register {
    display: none;
  }

  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link.nav-link-register {
    margin-right: 10px;
  }

  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #212529;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #5B9BE8;
  }
}

header.masthead {
  height: 100vh;
  padding-top: 10rem;
  padding-bottom: calc(10rem - 56px);
  background-position: center center;
  background-size: cover;
  -webkit-perspective: 1px;
  perspective: 1px;
  min-height: 700px;
}

header.masthead hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

header.masthead h1 {
  font-size: 2rem;
}

header.masthead p {
  font-weight: 300;
}

@media (min-width: 768px) {
  header.masthead p {
    font-size: 1.15rem;
  }

  .subway-svg-div object,
  .subway-svg-div svg{
    min-width: 1100px;
  }
}

@media (min-width: 992px) {
  header.masthead {
    min-height: 800px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead h1 {
    font-size: 3rem;
  }

}

@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 4rem;
  }
}

.logo img {
  width: 100%;
  max-width: 180px;
  height: 100%;
  border-radius: 50%;
}

.soc-loc-title{
  font-family: 'Teko', sans-serif;
  text-transform: uppercase;
  font-weight: 300px;
  margin: 10px auto;
  font-size: 24px;
}

.soc-loc-text{
 font-family: 'Oswald', sans-serif;
 text-transform: uppercase;
 display: inline-block;
 margin: 10px;
}

.speaker-card {
  max-width: 400px;
  margin: auto;
}

.speaker-card .speaker-image {
  position: relative;
  padding: 10%;
}

/* .speaker-card .speaker-image .speaker-profile{
  border-radius: 50%;
  overflow: hidden;
  border:1px solid transparent;
  transition: all .2s ease-in-out;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
   border: 2px solid white;
} */

.speaker-card .speaker-image .speaker-profile img{
  border-radius: 50%;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: all .2s ease-in-out;
}

/* Remove the old square amber tint on hover */
.speaker-card .speaker-image .speaker-profile:after{
  content: none;
}

/* Soft, faded blue halo on hover. It lives on .speaker-profile (the circle's
   box, which is never clipped) rather than on the inner <a>, because Silk's
   <a> uses overflow:hidden for his blurred backdrop and would otherwise turn
   the soft glow into a hard, heavy ring. */
.speaker-card .speaker-image .speaker-profile{
  border-radius: 50%;
  transition: box-shadow .25s ease-in-out;
}
.speaker-card .speaker-image .speaker-profile:hover {
  border: 0;
  box-shadow: 0 0 0 5px rgba(125,170,255,0.45),
              0 0 16px 4px rgba(125,170,255,0.22);
}
.speaker-card .speaker-image .speaker-profile a{
  display: block;
  border-radius: 50%;
  transition: transform .25s ease-in-out;
}

.speaker-card .speaker-image .speaker-profile img{
  border-radius: 50%;
  width: 100%;
  transition: all .2s ease-in-out;
}

.speaker-card .speaker-image .speaker-profile img:hover{
  transform: scale(1.05);
}

/* Joseph Silk's photo (Silk.jpg) is a tall portrait, so the default
   crop zooms in tightly on his face. Show the whole photo instead, and
   fill the rest of the circle with a soft, blurred copy of the same
   photo so the circle has no hard edges or mismatched colour. */
.speaker-card .speaker-image .speaker-profile a:has(> img[src*="Silk"]){
  position: relative;
  overflow: hidden;
}
.speaker-card .speaker-image .speaker-profile a:has(> img[src*="Silk"])::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/speakers/Silk.jpg') center / cover no-repeat;
  filter: blur(14px) saturate(1.05);
  transform: scale(1.3);
  z-index: 0;
}
.speaker-card .speaker-image .speaker-profile img[src*="Silk"]{
  position: relative;
  z-index: 1;
  object-fit: contain;
  background: transparent;
}

.speaker-card .speaker-image .speaker-affiliation-image img{
  border-radius: 4px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25%;
  height: 25%;
}

.speaker-card .speaker-info {
  color: white;
}

.speaker-card .speaker-info .speaker-name {
 font-family: 'Oswald', sans-serif;
 text-transform: uppercase;
 margin: 0px;
}

.speaker-card .speaker-info .speaker-affiliation {
  margin: 5px auto 0px auto;
  font-size: 12px;
  font-weight: 300;
}

.speaker-card .speaker-info .speaker-topic-label {
  text-transform: uppercase;

  border-radius: 3px;
  font-size: 10px;
  padding: 3px 6px;
  margin: 10px auto;
}

.speaker-card .speaker-info .speaker-topic-label.speaker-topic-label-1{
  color: white;
  border: 0.5px solid white;
}

.speaker-card .speaker-info .speaker-topic-label.speaker-topic-label-2{
  color: #212529;
  background-color: rgba(255,255,255,0.8);
}

.speaker-card .speaker-info .btn-hep {
  padding: 5px 30px;
}

#abstract-timer .timer-div{
  display: inline-block;
  position: relative;
  background-color: rgba(255,255,255,0.2);
   font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  color: #0A0F22;

  border-radius: 4px;
  border: 1px solid white;

}

#abstract-timer .timer-div .timer-slot{
    display: inline-block;
    width: 5em;
    border: 1px solid #212529;
    border-radius: 4px;
    margin: 10px;
    padding: 0 auto;

    opacity: 0.25;
}

#abstract-timer .timer-div .timer-slot p {
    line-height: 180%;
    margin-top: 25px;
}

#abstract-timer .timer-div .timer-slot p .timer-number{
    font-family: 'Teko', sans-serif;
    text-transform: uppercase;
    font-size: 12vw;
}

#abstract-timer .timer-div .timer-slot p .timer-text{
    font-size: 30%;
    text-transform: uppercase;
    font-size: 3.5vw;   
    font-family: 'teko', sans-serif;
    margin-top: 5px;
}

@media (min-width: 768px) {
  #abstract-timer .timer-div .timer-slot p .timer-number{
      font-size: 9.5vw;
  }

  #abstract-timer .timer-div .timer-slot p .timer-text{
      font-size: 2.5vw;
  }
}

@media (min-width: 992px) {
  #abstract-timer .timer-div .timer-slot p .timer-number{
      font-size: 7.5vw;
  }

  #abstract-timer .timer-div .timer-slot p .timer-text{
      font-size: 2vw;
  }

  #abstract-timer .timer-div .timer-slot{
      width: 6em;
  }
}

@media (min-width: 1200px) {
  #abstract-timer .timer-div .timer-slot p .timer-number{
      font-size: 6.5vw;
  }

  #abstract-timer .timer-div .timer-slot p .timer-text{
      font-size: 1.5vw;
  }
}

@media (min-width: 1900px) {
  #abstract-timer .timer-div .timer-slot p .timer-number{
      font-size: 5.0vw;
  }

  #abstract-timer .timer-div .timer-slot p .timer-text{
      font-size: 0.8vw;
  }
}

.subway-svg-div {
  position: relative;
}

.subway-svg-div object,
.subway-svg-div svg{
  width: 100%;
  min-width: 700px;
}

#subway-svg{
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  width: 100%;
}

#venue {
  overflow: hidden;
}

#venue-map {
 width: 100%;
 height: 400px;
 background-color: grey;
}

#tecnico {
  width: 100%;
  height: 38vw;
  background-image: url('../images/accomodation-background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom;
  background-size: 100%;
}

#auditorium {
  width: 100%;
  height: 56vw;
  background-image: url('../images/auditorium.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 150%;
}

#map {
  width: 100%;
  height: 56vw;
  background-image: url('../images/Minimalist World Map Pin Timeline.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 150%;
}

@supports (-webkit-overflow-scrolling: touch) {
  #tecnico {
    background-attachment: scroll;
    margin-top: -150px;
  }
  #auditorium {
    background-attachment: scroll;
    margin-top: -100px;
  }
  #map {
    background-attachment: scroll;
    margin-top: -100px;
  }
  #poster {
    background-attachment: scroll;
  }

  #groupphoto {
    background-attachment: scroll;
  }
}

@supports not (-webkit-overflow-scrolling: touch) {
  #tecnico {
    background-attachment: fixed;
  }
  #auditorium {
    background-attachment: fixed;
  }
  #map {
    background-attachment: fixed;
  }
  #poster {
    background-attachment: fixed;
  }
  #groupphoto {
    background-attachment: fixed;
  }
}

@media (min-width: 992px) {

  #auditorium {
    height: 37vw;
    background-size: 100%;
  }
  #map {
    height: 37vw;
    background-size: 100%;
  }

}

.edition-card .edition-image img{
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.edition-card .edition-name{
 font-family: 'Oswald', sans-serif;
 font-size: 26px;
 text-transform: uppercase;
 margin: 0px;
}

.edition-card .edition-date{
  margin: 5px auto;
  font-size: 12px;
  font-weight: 300;
}

.edition-card .edition-address{
  margin: 10px auto;
  font-size: 12px;
  font-weight: 300;
}

.edition-card .edition-phone{
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.edition-card .edition-country{
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.logo-col img{
  width: 100%;
}

#groupphoto {
  height: 70vh;
  position: relative;

  background-image: url('../images/photo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#groupphoto div{
  height: 100%;
}

#poster {
  height: 70vh;
  position: relative;

  background-image: url('../images/poster.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#poster div{
  height: 100%;
}

#poster .btn-indico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.sectionCopyright {
  padding: 20px;
}

.sectionCopyright p{
  font-size: 14px;
}

.sectionCopyright a{
  color: inherit;
}