.family-tree {
    color:#050d2b;
    padding:50px 0;
    margin-bottom:90px
  }
  .family-tree a {
    display:block;
    cursor:pointer;
    color:#050d2b;
    -webkit-transition:color .5s ease-in-out;
    transition:color .5s ease-in-out
  }
  .family-tree a:hover {
    color:#884b1c
  }
  .family-tree a:hover img {
    -webkit-transition:all .8s ease-out;
    transition:all .8s ease-out;
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
  }
  .family-tree.own-children .own-children__spouse {
    font-size:10px;
    margin-top:10px;
    font-style:italic
  }
  .family-tree.own-children .family-tree__content__parents {
    margin-bottom:300px
  }
  .family-tree.own-children .family-tree__content__parents>div:first-child:after {
    content:"";
    width:1px;
    height:40px;
    border-left:1px solid #884b1c;
    right:0;
    position:absolute;
    bottom:-60px
  }
  .family-tree.own-children .family-tree__content__parents>div:first-child:before {
    border-left:1px solid #884b1c;
    border-top:0;
    content:"";
    width:1px;
    height:30px;
    left:59px;
    position:absolute;
    bottom:-50px;
    z-index:-1
  }
  .family-tree.own-children .family-tree__content__parents .family-tree__content__children {
    position:absolute
  }
  .family-tree.own-children .family-tree__content__parents .family-tree__content__children:before {
    content:unset;
    width:0;
    height:0
  }
  .family-tree.own-children .family-tree__content__parents .family-tree__content__children>div {
    width:220px;
    padding:0 30px;
    text-align:center;
    position:relative
  }
  .family-tree.own-children .family-tree__content__parents .family-tree__content__children:not(.own-children) {
    left:249px
  }
  .family-tree.own-children.own-child-1 .own-children.family-tree__content__children {
    left:-51px
  }
  .family-tree.own-children.own-child-1 .own-children.family-tree__content__children>div:before {
    border-top:0
  }
  .family-tree h2 {
    font-size:16px;
    font-weight:700;
    line-height:1.3;
    margin:10px 0;
    margin-top:12px
  }
  .family-tree p {
    font-size:12px;
    line-height:1.2
  }
  .family-tree__content__parents {
    max-width:560px;
    margin:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
  }
  .family-tree__content__parents>div:first-child:after {
    content:"";
    width:1px;
    height:50px;
    border-left:1px solid #884b1c;
    right:0;
    position:absolute;
    bottom:-60px
  }
  .family-tree__content__parents>div {
    width:310px;
    padding:0 15px;
    text-align:center;
    position:relative;
    margin-bottom:10px
  }
  @media screen and (max-width:767px) {
    .family-tree__content__parents>div {
      width:190px;
      padding:0 5px
    }
  }
  .family-tree__content__parents__image-wrap {
    width:250px;
    height:250px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
  }
  @media screen and (max-width:767px) {
    .family-tree__content__parents__image-wrap {
      width:170px;
      height:170px
    }
  }
  .family-tree__content__parents img {
    width:100%;
    height:auto;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  .family-tree__content__children {
    position:relative;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:auto;
    margin-top:100px;
    max-width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
  }
  .family-tree__content__children__image-wrap {
    width:160px;
    height:160px;
    border-radius:50%;
    overflow:hidden;
    margin:auto
  }
  @media screen and (max-width:767px) {
    .family-tree__content__children__image-wrap {
      width:120px;
      height:120px
    }
  }
  .family-tree__content__children img {
    width:100%;
    height:auto;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  .family-tree__content__children>div {
    width:260px;
    padding:0 30px;
    text-align:center;
    position:relative
  }
  .family-tree__content__children>div:before {
    content:"";
    width:50%;
    height:40px;
    border-right:1px solid #884b1c;
    border-top:1px solid #884b1c;
    left:0;
    position:absolute;
    top:-50px
  }
  .family-tree__content__children>div:first-child:before {
    content:"";
    width:50%;
    height:40px;
    border-left:1px solid #884b1c;
    border-right:0;
    border-top:1px solid #884b1c;
    left:50%;
    position:absolute;
    top:-50px
  }
  .family-tree__content__children>div:nth-child(3):before,
  .family-tree__content__children>div:nth-child(4):before {
    content:"";
    width:100%;
    left:-50%
  }
  .family-tree__content__children.own-children {
    position:absolute;
    left:-190px
  }
  @media screen and (max-width:767px) {
    .family-tree__content__children>div {
      padding:0 10px
    }
    .family-tree__content__children img {
      width:120px!important;
      height:auto
    }
  }
  @media only screen and (max-width:1024px) {
    .family-tree.own-children {
      margin-right:-15vw
    }
  }
  @media only screen and (max-width:768px) {
    .family-tree.own-children {
      margin-right:auto
    }
    .family-tree .family-tree__content__parents>div:first-child:after {
      content:unset
    }
    .family-tree .family-tree__content__children {
      -ms-flex-wrap:wrap;
      flex-wrap:wrap;
      margin-top:60px
    }
    .family-tree .family-tree__content__children>div:before {
      content:"";
      width:47px;
      height:170px;
      border-right:0;
      border-bottom:1px solid #884b1c;
      border-top:0;
      border-right:0;
      border-left:1px solid #884b1c;
      left:0;
      position:absolute;
      top:-110px;
      z-index:-1
    }
    .family-tree .family-tree__content__children>div:nth-child(odd):before {
      content:"";
      width:47px;
      height:170px;
      border-right:0;
      border-bottom:1px solid #884b1c;
      border-top:0;
      border-right:1px solid #884b1c;
      border-left:0;
      left:calc(100% - 47px);
      position:absolute;
      z-index:-1
    }
    .family-tree .family-tree__content__children>div:first-child:before {
      content:"";
      width:47px;
      height:140px;
      border-right:0;
      border-bottom:1px solid #884b1c;
      border-top:0;
      border-right:1px solid #884b1c;
      border-left:0;
      left:calc(100% - 47px);
      position:absolute;
      top:-77px;
      z-index:-1
    }
    .family-tree .family-tree__content__children>div:nth-child(even) {
      margin-top:120px;
      margin-left:-1px
    }
    .family-tree .family-tree__content__children>div {
      width:50%;
      -ms-flex-preferred-size:50%;
      flex-basis:50%;
      margin-bottom:-60px
    }
    .family-tree.own-children .family-tree__content__children {
      margin-right:-50%;
      position:relative!important;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap:nowrap;
      flex-wrap:nowrap;
      left:unset!important;
      right:unset!important
    }
    .family-tree.own-children .family-tree__content__parents>div:first-child:after,
    .family-tree.own-children .family-tree__content__parents>div:first-child:before {
      content:unset
    }
    .family-tree.own-children .family-tree__content__children:not(.own-children)>div:first-child::before {
      height:300px;
      top:-287px
    }
    .family-tree.own-child-1 .own-children.family-tree__content__children {
      margin-right:0
    }
    .family-tree.own-child-1 .family-tree__content__children:not(.own-children) {
      -webkit-box-orient:horizontal;
      -webkit-box-direction:reverse;
      -ms-flex-direction:row-reverse;
      flex-direction:row-reverse;
      margin-top:-20px
    }
    .family-tree.own-child-1 .family-tree__content__children:not(.own-children)>div:nth-child(even) {
      margin-top:140px
    }
    .family-tree.own-child-1 .family-tree__content__children:not(.own-children)>div:nth-child(even):before {
      content:"";
      width:47px;
      height:170px;
      border-right:0;
      border-bottom:1px solid #884b1c;
      border-top:0;
      border-right:1px solid #884b1c;
      border-left:0;
      left:calc(100% - 47px);
      position:absolute;
      z-index:-1
    }
    .family-tree.own-child-1 .family-tree__content__children:not(.own-children)>div:first-child:before {
      content:"";
      width:47px;
      height:170px;
      border-right:0;
      border-bottom:1px solid #884b1c;
      border-top:0;
      border-right:0;
      border-left:1px solid #884b1c;
      left:-1px;
      position:absolute;
      top:-110px;
      z-index:-1
    }
  }
.royal-line__monarch__item:after,
.royal-line__monarch__item:before{
  content:"";
  display:table
}
.royal-line__monarch__item:after{
  clear:both
}
.royal-line__monarch__item__content:before{
  font-family:Lora,Georgia,Times,serif;
  font-size:36px;
  line-height:47px;
  font-weight:400
}
@media screen and (max-width:1219px) {
    .royal-line__monarch__item__content:before{
      font-size:34px;
      line-height:45px
    }
}
@media screen and (max-width:768px) {
    .royal-line__monarch__item__content:before{
      font-size:26px;
      line-height:34px
    }
}
@media print {
    .royal-line__monarch__item__content:before{
      font-size:20pt
    }
}
.royal-line__monarch__item__content__title,
.royal-line__monarch__slider__header__title {
  font-family:Lora,Georgia,Times,serif;
  font-size:26px;
  line-height:36px;
  font-weight:400
}
@media screen and (max-width:1219px) {
    .royal-line__monarch__item__content__title,
    .royal-line__monarch__slider__header__title {
      font-size:24px;
      line-height:34px
    }
}
@media screen and (max-width:768px) {
    .royal-line__monarch__item__content__title,
    .royal-line__monarch__slider__header__title {
      font-size:20px;
      line-height:28px
    }
}
@media print {
    .royal-line__monarch__item__content__title,
    .royal-line__monarch__slider__header__title {
      font-size:18pt
    }
}
.royal-line__monarch__item__content__period{
    font-family:Lora,Georgia,Times,serif;
    font-size:20px;
    line-height:30px;
    font-weight:400
}
@media print {
    .royal-line__monarch__item__content__period{
      font-size:15pt
    }
}
.royal-line {
    margin-top:80px;
    z-index:1
  }
  .royal-line__monarch:first-child .royal-line__monarch__item {
    padding-top:0
  }
  .royal-line__monarch.js-prev-sibling .royal-line__monarch__item {
    padding-bottom:100px
  }
  .royal-line__monarch.js-expand+.royal-line__monarch {
    margin-top:250px
  }
  @media screen and (max-width:768px) {
    .royal-line__monarch.js-expand+.royal-line__monarch {
      margin-top:160px
    }
  }
  .royal-line__monarch.js-expand+.royal-line__monarch:nth-child(even) .royal-line__monarch__item:before {
    border-bottom:1px solid #884b1c;
    border-left:1px solid #884b1c
  }
  @media screen and (max-width:768px) {
    .royal-line__monarch.js-expand+.royal-line__monarch:nth-child(even) .royal-line__monarch__item:before {
      right:10%
    }
  }
  .royal-line__monarch.js-expand+.royal-line__monarch:nth-child(odd) .royal-line__monarch__item:before {
    border-bottom:1px solid #884b1c;
    border-right:1px solid #884b1c
  }
  @media screen and (max-width:768px) {
    .royal-line__monarch.js-expand+.royal-line__monarch:nth-child(odd) .royal-line__monarch__item:before {
      right:auto
    }
  }
  .royal-line__monarch.js-expand+.royal-line__monarch .royal-line__monarch__item:before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:67.5%;
    z-index:-1;
    float:right;
    top:-300px;
    right:184px;
    bottom:-1px;
    height:300px
  }
  .royal-line__monarch:not(:first-child) .royal-line__monarch__item__content {
    margin-top:-200px
  }
  @media screen and (max-width:1024px) {
    .royal-line__monarch:not(:first-child) .royal-line__monarch__item__content {
      margin-top:-180px
    }
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch:not(:first-child) .royal-line__monarch__item__content {
      margin-top:-160px
    }
  }
  .royal-line__monarch:nth-child(odd).js-prev-sibling .royal-line__monarch__item__content:after {
    border-bottom:0 solid #884b1c
  }
  .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content {
    float:left
  }
  .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content:before {
    top:-28px
  }
  @media screen and (max-width:1024px) {
    .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content:before {
      left:calc(50% + 30px);
      top:-15px
    }
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content:before {
      top:-7px;
      left:220px
    }
  }
  .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content:after {
    top:0;
    left:184px;
    border-bottom:1px solid #884b1c;
    border-left:1px solid #884b1c
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch:nth-child(odd) .royal-line__monarch__item__content:after {
      left:94px
    }
  }
  .royal-line__monarch:nth-child(odd) .royal-line__monarch__slider:after {
    left:184px;
    border-bottom:1px solid #884b1c;
    border-top:0 solid #884b1c;
    border-right:0 solid #884b1c;
    border-left:1px solid #884b1c;
    width:calc(60% - 184px);
    height:220px;
    margin-top:-50px
  }
  .royal-line__monarch:nth-child(even).js-prev-sibling .royal-line__monarch__item__content:after {
    border-bottom:0 solid #884b1c
  }
  .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content {
    float:right
  }
  .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content:before {
    top:-28px
  }
  @media screen and (max-width:1024px) {
    .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content:before {
      left:auto;
      right:calc(50% + 30px);
      top:-15px
    }
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content:before {
      top:-7px;
      left:auto;
      right:225px
    }
  }
  .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content:after {
    top:-1px;
    right:184px;
    bottom:-1px;
    border-bottom:1px solid #884b1c;
    border-right:1px solid #884b1c
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch:nth-child(even) .royal-line__monarch__item__content:after {
      right:94px
    }
  }
  .royal-line__monarch:nth-child(even) .royal-line__monarch__slider:after {
    right:184px;
    border-bottom:0 solid #884b1c;
    border-top:0 solid #884b1c;
    border-right:1px solid #884b1c
  }
  .royal-line__monarch:first-child .royal-line__monarch__item__content {
    float:left
  }
  .royal-line__monarch:last-child .royal-line__monarch__item__content:after {
    display:none
  }
  .royal-line__monarch__item {
    position:relative;
    padding-left:15px;
    padding-right:15px;
    width:100%;
    max-width:1130px;
    margin:0 auto;
    padding-top:40px;
    padding-bottom:40px
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item {
      padding-left:10px;
      padding-right:10px
    }
  }
  .js-expand .royal-line__monarch__item {
    display:none
  }
  .royal-line__monarch__item__content {
    width:338px;
    display:block;
    padding:10px 0 10px 0;
    color:#050d2b;
    text-align:center;
    background-color:#fff;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content {
      width:168px
    }
  }
  .royal-line__monarch__item__content:before {
    content:attr(data-period);
    position:absolute;
    left:50%;
    top:-28px;
    z-index:1;
    color:#884b1c;
    padding:0 15px;
    background-color:#fff
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content:before {
      font-size:20px;
      padding:0 5px
    }
  }
  .royal-line__monarch__item__content:after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:67.5%;
    z-index:-1
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content:after {
      width:50%
    }
  }
  .royal-line__monarch__item__content__image {
    width:318px;
    height:318px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    border-radius:50%;
    position:relative;
    margin:0 auto 0 auto;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
  }
  .royal-line__monarch__item__content__image:after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:318px;
    height:318px;
    margin-left:-50%;
    margin-top:-50%;
    border-radius:50%;
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:scale(.1);
    transform:scale(.1);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    background-color:rgba(136,75,28,0)
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content__image {
      width:168px;
      height:168px
    }
    .royal-line__monarch__item__content__image:after {
      display:none
    }
  }
  .royal-line__monarch__item__content__image__src {
    width:100%;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
  }
  .royal-line__monarch__item__content__title {
    display:block;
    margin-top:16px;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content__title {
      font-size:16px;
      line-height:19px
    }
  }
  .royal-line__monarch__item__content__period {
    line-height:26px
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__item__content__period {
      font-size:12px;
      line-height:16px
    }
  }
  .royal-line__monarch__item__content:hover .royal-line__monarch__item__content__image {
    cursor:pointer;
    -webkit-mask-image:-webkit-radial-gradient(white,#000);
    will-change:transform
  }
  .royal-line__monarch__item__content:hover .royal-line__monarch__item__content__image img {
    -webkit-transition:all .8s ease-out;
    transition:all .8s ease-out;
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
  }
  .royal-line__monarch__item__content:hover .royal-line__monarch__item__content__title {
    cursor:pointer;
    color:#884b1c
  }
  .royal-line__monarch__slider {
    position:relative;
    margin-bottom:40px;
    visibility:hidden;
    max-height:0;
    margin-top:-50px;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    opacity:0;
    z-index:2
  }
  .royal-line__monarch__slider .carousel__slide__content__container__link {
    opacity:0;
    -webkit-transition:all 2s;
    transition:all 2s
  }
  .js-expand .royal-line__monarch__slider {
    height:80vh;
    min-height:750px;
    opacity:1;
    -webkit-transition:opacity .5s ease-out;
    transition:opacity .5s ease-out;
    visibility:visible;
    max-height:80vh
  }
  .js-expand .royal-line__monarch__slider .carousel__slide__content__container__link {
    opacity:1;
    -webkit-transition:all 2s;
    transition:all 2s
  }
  .js-expand .royal-line__monarch__slider .carousel__slide__content {
    overflow:hidden
  }
  .royal-line__monarch__slider__header {
    height:50px;
    width:90%;
    left:5%;
    position:relative
  }
  .royal-line__monarch__slider__header__title {
    float:left;
    float:left;
    position:absolute;
    background:#fff
  }
  .royal-line__monarch__slider__header__close {
    padding-top:10px;
    float:right;
    -webkit-transition:color .3s ease;
    transition:color .3s ease
  }
  @media screen and (max-width:480px) {
    .royal-line__monarch__slider__header__close {
      padding-top:0
    }
  }
  .royal-line__monarch__slider__header__close:hover {
    cursor:pointer;
    color:#884b1c
  }
  @media screen and (max-width:768px) {
    .royal-line-page .carousel__slide {
      height:auto;
      padding:0 0 50px;
      background-color:#d4e9ef
    }
  }
  @media screen and (max-width:768px) {
    .royal-line-page .carousel__slide__image__copyright {
      bottom:50px
    }
  }
  @media screen and (max-width:480px) {
    .royal-line-page .carousel__slide__image__copyright {
      bottom:15px
    }
  }
  .line-of-succession {
    position:relative;
    max-width:1130px;
    margin-top:50px;
    margin-bottom:50px
  }
  .line-of-succession:before {
    content:"";
    position:absolute;
    display:block;
    top:40px;
    bottom:63px;
    left:50%;
    width:1px;
    z-index:0;
    background-color:#884b1c
  }
  @media screen and (max-width:1024px) {
    .line-of-succession:before {
      bottom:67px
    }
  }
  .line-of-succession__monarch {
    display:block;
    width:100%
  }
  .line-of-succession__monarch:nth-child(1) .line-of-succession__monarch__item {
    float:none!important;
    margin:0 auto 70px auto!important
  }
  .line-of-succession__monarch:nth-child(1) .line-of-succession__monarch__item:after {
    display:none
  }
  .line-of-succession__monarch:nth-child(2) .line-of-succession__monarch__item {
    padding:18px 10px 10px 10px;
    float:none!important;
    background-color:#fff;
    margin:0 auto 70px auto!important
  }
  .line-of-succession__monarch:nth-child(2) .line-of-succession__monarch__item:after {
    display:none
  }
  .line-of-succession__monarch:nth-child(3) .line-of-succession__monarch__item {
    margin:0 0 70px 0;
    margin-top:-70px!important;
    float:right
  }
  .line-of-succession__monarch:nth-child(3) .line-of-succession__monarch__item:after {
    right:50%;
    border-bottom:1px solid #884b1c;
    border-right:1px solid #884b1c
  }
  @media screen and (max-width:1024px) {
    .line-of-succession__monarch:nth-child(3) .line-of-succession__monarch__item {
      margin-top:-100px
    }
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch:nth-child(3) .line-of-succession__monarch__item {
      margin:0 auto 40px auto!important
    }
    .line-of-succession__monarch:nth-child(3) .line-of-succession__monarch__item:after {
      display:none
    }
  }
  .line-of-succession__monarch:nth-child(odd) .line-of-succession__monarch__item {
    margin:0 0 70px 0;
    margin-top:-200px;
    float:right
  }
  .line-of-succession__monarch:nth-child(odd) .line-of-succession__monarch__item:after {
    right:50%;
    border-bottom:1px solid #884b1c;
    border-right:1px solid #884b1c
  }
  @media screen and (max-width:1024px) {
    .line-of-succession__monarch:nth-child(odd) .line-of-succession__monarch__item {
      margin-top:-100px
    }
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch:nth-child(odd) .line-of-succession__monarch__item {
      float:none!important;
      margin:0 auto 40px auto!important
    }
    .line-of-succession__monarch:nth-child(odd) .line-of-succession__monarch__item:after {
      display:none
    }
  }
  .line-of-succession__monarch:nth-child(even) .line-of-succession__monarch__item {
    margin:0 0 70px 0;
    margin-top:-200px;
    float:left
  }
  .line-of-succession__monarch:nth-child(even) .line-of-succession__monarch__item:after {
    left:50%;
    border-bottom:1px solid #884b1c;
    border-left:1px solid #884b1c
  }
  @media screen and (max-width:1024px) {
    .line-of-succession__monarch:nth-child(even) .line-of-succession__monarch__item {
      margin-top:-100px
    }
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch:nth-child(even) .line-of-succession__monarch__item {
      float:none!important;
      margin:0 auto 40px auto!important
    }
    .line-of-succession__monarch:nth-child(even) .line-of-succession__monarch__item:after {
      display:none
    }
  }
  .line-of-succession__monarch__item {
    width:50%;
    z-index:1;
    display:block;
    padding:10px;
    color:#050d2b;
    text-align:center;
    position:relative;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch__item {
      width:100%;
      padding:18px 10px 10px 10px;
      background-color:#fff
    }
  }
  .line-of-succession__monarch__item:after {
    content:"";
    display:block;
    position:absolute;
    top:52%;
    width:50%;
    bottom:auto;
    height:200px;
    z-index:-1
  }
  @media screen and (max-width:1024px) {
    .line-of-succession__monarch__item:after {
      top:55px
    }
  }
  .line-of-succession__monarch__item__image {
    width:318px;
    height:318px;
    display:block;
    overflow:hidden;
    border-radius:50%;
    position:relative;
    background-color:#fff;
    margin:0 auto 0 auto;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
  }
  .line-of-succession__monarch__item__image:after {
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:318px;
    height:318px;
    margin-left:-50%;
    margin-top:-50%;
    border-radius:50%;
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:scale(.1);
    transform:scale(.1);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
    background-color:rgba(136,75,28,0)
  }
  @media screen and (max-width:1024px) {
    .line-of-succession__monarch__item__image {
      width:168px;
      height:168px
    }
  }
  .line-of-succession__monarch__item__image__src {
    width:100%;
    height:auto;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out
  }
  .line-of-succession__monarch__item__image:hover {
    cursor:pointer;
    -webkit-mask-image:-webkit-radial-gradient(white,#000);
    will-change:transform
  }
  .line-of-succession__monarch__item__image:hover img {
    -webkit-transition:all .8s ease-out;
    transition:all .8s ease-out;
    -webkit-transform:scale(1.05);
    transform:scale(1.05)
  }
  .line-of-succession__monarch__item__content {
    width:300px;
    margin:0 auto;
    background-color:#fff
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch__item__content {
      width:100%
    }
  }
  .line-of-succession__monarch__item__content__title {
    padding-top:8px
  }
  @media screen and (max-width:768px) {
    .line-of-succession__monarch__item__content__title {
      font-size:20px
    }
  }
  .line-of-succession__monarch__item__content__birthdate {
    padding-bottom:8px;
    text-transform:uppercase
}