body {
  font-family: "Pragmatica";
  position: relative;
}

.top-bg {
  padding-top: 630px;
}

main {
  overflow-x: hidden;
}

section.main {
  width: 100%;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 860px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 860px;
  }
}
.container {
  margin-bottom: 40px;
}
.logo {
  background: #990AE3;
}
.logo .container {
  margin-bottom: 0;
}
.logo .container .row {
  padding: 10px 0;
  width: auto;
}
.logo a {
  color: #fff;
  line-height: 40px;
  font-size: 20px;
}
.logo img {
  width: 150px;
}
.narrow {
  padding-left: 30px;
  padding-right: 30px;
}

h1, h2, h3, h4, h5, h6 {
  color: #990AE3;
}
h3 {
  font-size: 30px;
  font-weight: 500;
  margin: 20px 0;
}
h4 {
  font-size: 22px;
  font-weight: 500;
}

p {
  font-family: 'Pragmatica Book';
  font-size: 18px;
  color: #333;
  line-height: 22px;
}
.pad p {
  padding-left: 10px;
  padding-right: 10px;
}
.head {
  font-size: 22px;
  line-height: 26px;
}

.vid-intro iframe {
  width: 100%;
  height: 500px;
  /*margin-bottom: 40px;*/
}
img.scroll {
  margin-top: 30px;
}
.head img.scroll {
  position: absolute;
}

.y2000 {
  /*background: #fff url(../img/ro/2000.png) no-repeat center -45px;*/
  padding-top: 480px;
}
.y2001_2003 {
  /*background: #fff url(../img/ro/2001-2003.png) no-repeat center top;*/
  padding-top: 493px;
}
.y2004 {
  /*background: #fff url(../img/ro/2004.png) no-repeat center top;*/
  padding-top: 480px;
}
.y2005 {
  /*background: #fff url(../img/ro/2005.png) no-repeat center -40px;*/
  padding-top: 480px;
}
.y2006_2008 {
  /*background: #fff url(../img/ro/2006-2008.png) no-repeat center top;*/
  padding-top: 493px;
}
.y2009_2011 {
  /*background: #fff url(../img/ro/2009-2011.png) no-repeat center top;*/
  padding-top: 493px;
}
.y2012_2014 {
  /*background: #fff url(../img/ro/2012-2014.png) no-repeat center top;*/
  padding-top: 493px;
}
.y2015_2018 {
  /*background: #fff url(../img/ro/2015-2018.png) no-repeat center top;*/
  padding-top: 493px;
}
.y2019 {
  /*background: #fff url(../img/ro/2019.png) no-repeat center top;*/
  padding-top: 480px;
}
.y2020 {
  /*background: #fff url(../img/ro/2020.png) no-repeat center -50px;*/
  padding-top: 480px;
}

.ru .y2000 {
  /*background-image: url(../img/ru/2000.png);*/
}
.ru .y2001_2003 {
  /*background-image: url(../img/ru/2001-2003.png);*/
}
.ru .y2004 {
  /*background-image: url(../img/ru/2004.png);*/
}
.ru .y2005 {
  /*background-image: url(../img/ru/2005.png);*/
}
.ru .y2006_2008 {
  /*background-image: url(../img/ru/2006-2008.png);*/
}
.ru .y2009_2011 {
  /*background-image: url(../img/ru/2009-2011.png);*/
}
.ru .y2012_2014 {
  /*background-image: url(../img/ru/2012-2014.png);*/
}
.ru .y2015_2018 {
  /*background-image: url(../img/ru/2015-2018.png);*/
}
.ru .y2019 {
  /*background-image: url(../img/ru/2019.png);*/
}
.ru .y2020 {
  /*background-image: url(../img/ru/2020.png);*/
}

@media (max-width: 1200px) {
  .top-bg {
    padding-top: 410px;
  }
}
@media (max-width: 992px) {
  .top-bg {
    padding-top: 350px;
  }
}
@media (max-width: 812px) {
  .y2000 {
    /*background-image: url(../img/ro/2000-md.png);*/
    padding-top: 410px;
  }
  .y2001_2003 {
    /*background-image: url(../img/ro/2001-2003-md.png);*/
    padding-top: 410px;
  }
  .y2004 {
    /*background-image: url(../img/ro/2004-md.png);*/
    padding-top: 380px;
  }
  .y2005 {
    /*background-image: url(../img/ro/2005-md.png);*/
    padding-top: 380px;
  }
  .y2006_2008 {
    /*background-image: url(../img/ro/2006-2008-md.png);*/
    padding-top: 410px;
  }
  .y2009_2011 {
    /*background-image: url(../img/ro/2009-2011-md.png);*/
    padding-top: 410px;
  }
  .y2012_2014 {
    /*background-image: url(../img/ro/2012-2014-md.png);*/
    padding-top: 410px;
  }
  .y2015_2018 {
    /*background-image: url(../img/ro/2015-2018-md.png);*/
    padding-top: 410px;
  }
  .y2019 {
    /*background-image: url(../img/ro/2019-md.png);*/
    padding-top: 380px;
  }
  .y2020 {
    /*background-image: url(../img/ro/2020-md.png);*/
    padding-top: 380px;
  }

  .ru .y2000 {
    /*background-image: url(../img/ru/2000-md.png);*/
  }
  .ru .y2001_2003 {
    /*background-image: url(../img/ru/2001-2003-md.png);*/
  }
  .ru .y2004 {
    /*background-image: url(../img/ru/2004-md.png);*/
  }
  .ru .y2005 {
    /*background-image: url(../img/ru/2005-md.png);*/
  }
  .ru .y2006_2008 {
    /*background-image: url(../img/ru/2006-2008-md.png);*/
  }
  .ru .y2009_2011 {
    /*background-image: url(../img/ru/2009-2011-md.png);*/
  }
  .ru .y2012_2014 {
    /*background-image: url(../img/ru/2012-2014-md.png);*/
  }
  .ru .y2015_2018 {
    /*background-image: url(../img/ru/2015-2018-md.png);*/
  }
  .ru .y2019 {
    /*background-image: url(../img/ru/2019-md.png);*/
  }
  .ru .y2020 {
    /*background-image: url(../img/ru/2020-md.png);*/
  }
}
@media (max-width: 576px) {
  .logo .container .row {
    padding: 5px 0;
  }
  .logo img {
    width: 130px;
  }
  .logo a {
    line-height: 40px;
  }

  .y2000 {
    /*background-image: url(../img/ro/2000-xs.png);*/
    background-position-y: top;
    padding-top: 210px;
  }
  .y2001_2003 {
    /*background-image: url(../img/ro/2001-2003-xs.png);*/
    padding-top: 210px;
  }
  .y2004 {
    /*background-image: url(../img/ro/2004-xs.png);*/
    padding-top: 220px;
  }
  .y2005 {
    /*background-image: url(../img/ro/2005-xs.png);*/
    background-position-y: -15px;
    padding-top: 220px;
  }
  .y2006_2008 {
    /*background-image: url(../img/ro/2006-2008-xs.png);*/
    padding-top: 210px;
  }
  .y2009_2011 {
    /*background-image: url(../img/ro/2009-2011-xs.png);*/
    padding-top: 210px;
  }
  .y2012_2014 {
    /*background-image: url(../img/ro/2012-2014-xs.png);*/
    padding-top: 210px;
  }
  .y2015_2018 {
    /*background-image: url(../img/ro/2015-2018-xs.png);*/
    padding-top: 210px;
  }
  .y2019 {
    /*background-image: url(../img/ro/2019-xs.png);*/
    padding-top: 220px;
  }
  .y2020 {
    /*background-image: url(../img/ro/2020-xs.png);*/
    background-position-y: -20px;
    padding-top: 220px;
  }

  .ru .y2000 {
    /*background-image: url(../img/ru/2000-xs.png);*/
  }
  .ru .y2001_2003 {
    /*background-image: url(../img/ru/2001-2003-xs.png);*/
  }
  .ru .y2004 {
    /*background-image: url(../img/ru/2004-xs.png);*/
  }
  .ru .y2005 {
    /*background-image: url(../img/ru/2005-xs.png);*/
  }
  .ru .y2006_2008 {
    /*background-image: url(../img/ru/2006-2008-xs.png);*/
  }
  .ru .y2009_2011 {
    /*background-image: url(../img/ru/2009-2011-xs.png);*/
  }
  .ru .y2012_2014 {
    /*background-image: url(../img/ru/2012-2014-xs.png);*/
  }
  .ru .y2015_2018 {
    /*background-image: url(../img/ru/2015-2018-xs.png);*/
  }
  .ru .y2019 {
    /*background-image: url(../img/ru/2019-xs.png);*/
  }
  .ru .y2020 {
    /*background-image: url(../img/ru/2020-xs.png);*/
  }

  .top-bg {
    padding-top: 245px;
  }
  .vid-intro iframe {
    height: 195px;
  }
  .narrow {
    padding-left: 0;
    padding-right: 0;
  }
  h3 {
    font-size: 25px;
    line-height: 30px;
  }
  h4 {
    font-size: 25px;
    line-height: 30px;
  }
  p {
    font-size: 20px;
    line-height: 25px;
  }
  .head p {
    font-size: 20px;
    line-height: 25px;
  }
  h4 br {
    display: none;
  }
}

div.picture {
  position: relative;
  text-align: left !important;
}
div.picture picture {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
div.picture picture img {
  position: relative;
}