/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

*, *:before, *:after {
  padding: 0;
  margin: 0;
  box-sizing: inherit; }

a {
  text-decoration: none;
  color: #28398a;
  font-weight: 500; }

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%; }

body {
  min-height: 100%;
  font-size: 1.6rem;
  line-height: 1.5; }

html, body {
  font-family: 'Hind', sans-serif;
  height: 100%; }

#main-wrapper {
  padding: 7.5rem 0 0 0;
  background: #ddd; }

@media (min-width: 1024px) {
  #main-wrapper {
    padding: 0 0 0 8rem; } }
#sidebar {
  width: 100%;
  position: fixed;
  height: 7.5rem;
  top: 0;
  left: 0;
  z-index: 100; }

.sidebar-fixed {
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  height: 7.5rem;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center; }

.sidebar-opaque {
  display: none;
  justify-content: center; }

.sidebar__link {
  margin-top: .5rem;
  margin-bottom: .5rem;
  cursor: pointer; }

.sidebar__link-icon {
  height: 30px;
  width: 30px;
  fill: #ddd; }
  .sidebar__link-icon svg {
    fill: #ddd; }

.sidebar__link-icon:hover {
  fill: #bbb;
  svg-fill: #bbb; }

.sidebar__link-icon--active {
  fill: #6bf; }

@media (min-width: 1024px) {
  #sidebar {
    width: 28rem;
    height: 100vh; }

  .sidebar-fixed {
    width: 8rem;
    height: 100%;
    flex-direction: column;
    justify-content: center; }

  .sidebar-opaque {
    position: absolute;
    width: 20rem;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
    flex-direction: column;
    display: none; }

  .sidebar__link-icon {
    margin: 10px 0; }

  .sidebar-text {
    height: 5.8rem;
    list-style: none;
    margin: .5rem 0 .5rem 0;
    line-height: 5.8rem;
    font-size: 2.5rem;
    padding-left: 2rem;
    font-weight: 600;
    color: #222; } }
.resume-section-wrapper {
  background: white;
  display: flex;
  flex-direction: column;
  background: white;
  padding-left: 5rem; }

#resume-profile__message {
  padding: 0 0 2rem 0;
  font-size: 3rem; }

#resume-profile__summary {
  display: flex;
  flex-direction: column;
  width: 100%; }

.resume-profile__summary-header {
  color: #28398a;
  font-size: 2.5rem;
  padding-bottom: 2rem; }

#resume-profile__left {
  width: 100%;
  text-align: justify; }

#resume-profile__picture img {
  border-radius: 50%;
  height: 20rem;
  margin: 0 auto 3rem auto;
  display: block; }

.resume-profile__left__content {
  width: 100%;
  line-height: 1.6; }

#resume-profile__right {
  position: relative;
  margin-top: 4rem; }

#resume-profile__right table {
  width: 100%;
  border-collapse: collapse; }

#resume-profile__right tr {
  height: 3rem; }
  #resume-profile__right tr td:first-child {
    width: 40%; }
  #resume-profile__right tr td:last-child {
    padding-left: 2rem;
    background: #F3EFE0;
    color: #22A39F;
    font-weight: 500;
    padding-right: 2rem;
    height: 3rem;
    line-height: 3rem; }

#resume-profile__right td {
  height: 2rem;
  text-align: left; }

#resume-experience {
  background: #F3EFE0;
  padding: 0; }

#resume-experience h1 {
  color: #22A39F;
  font-size: 3rem;
  padding: 3rem 3rem;
  border-bottom: 1px solid #22A39F; }

.resume-experience-active h1 {
  padding-left: 0rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.resume-section-wrapper {
  padding: 3rem; }

#resume-experience .resume-section-row-wrapper:last-child .resume-section-row {
  border-bottom: 0px; }

.resume-section-row-wrapper {
  position: relative;
  width: 100%; }

.resume-section-row {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 3rem;
  border-bottom: 1px dashed #22A39F;
  opacity: 1; }

.resume-section-row-location-cell {
  height: 100%;
  margin: 1rem 0 0 0;
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem; }

.resume-section-location {
  font-weight: 700;
  color: #22A39F; }

.resume-section-dates {
  font-weight: 700; }

.resume-section-image {
  height: 15rem;
  margin: 2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .resume-section-image img {
    height: 15rem; }

.resume-section-image-narrow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.resume-section-image-narrow img {
  height: 100%; }

.resume-section-image-wide {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.resume-section-image-wide img {
  width: 100%;
  height: auto; }

.resume-section-row-info-cell {
  height: 100%; }

.resume-section-title {
  font-weight: 700;
  font-size: 1.6rem;
  color: #22A39F;
  padding-bottom: 1rem; }

.resume-section-row-description {
  max-width: 60rem;
  text-align: justify; }

.skill-box-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .skill-box-container .skill-box {
    width: 40%;
    margin-right: 10%; }
  .skill-box-container .skill-box:nth-child(2n) {
    margin-right: 0%; }

.skill-box {
  display: flex;
  flex-direction: column;
  align-items: center; }

.skill-box .inset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.skill-box {
  width: 40%; }

.radial-progress-img {
  width: 8.5rem; }

.skill-box__tech {
  margin-top: -1rem;
  text-align: center;
  color: #22A39F;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 1rem; }

.skill-box__years {
  text-align: center;
  color: #22A39F;
  font-weight: 700;
  font-size: 20px; }

#resume-skills {
  padding: 0 0 5rem 0; }
  #resume-skills h1 {
    padding: 3rem;
    border-bottom: 1px solid #28398a;
    color: #28398a; }

.resume-profile__right-header {
  display: flex;
  flex-direction: column;
  align-items: center; }

.resume-profile__details-basic {
  width: 100%;
  margin-bottom: 2rem; }

.resume-skills-header {
  text-align: center; }

#resume-projects {
  background: #F3EFE0;
  color: #22A39F;
  padding: 0; }
  #resume-projects h1 {
    padding: 3rem;
    border-bottom: 1px solid #22A39F;
    position: relative; }
  #resume-projects .header-asterisk {
    margin-left: 8rem;
    right: 0;
    bottom: 0;
    font-size: 1.4rem;
    display: none; }

.projects-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5rem;
  text-align: center; }
  .projects-list a {
    margin: 0 2.5rem; }
    .projects-list a img {
      height: 150px; }

.projects-list-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 3rem; }
  .projects-list-item h2 {
    margin-top: 1rem;
    font-size: 2rem; }

.projects-long {
  height: 15rem !important; }

#resume-degrees {
  padding: 0 0 2rem 0; }
  #resume-degrees h1 {
    padding: 3rem;
    border-bottom: 1px solid #22A39F;
    margin: 0 0 6rem 0; }

.degree-boxes {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.degree-box {
  margin: 0 2rem 4rem 2rem; }

.degree-box__university {
  padding: 0 0 2rem 0;
  margin: 0 0 2rem 0;
  border-bottom: 2px solid #22A39F; }
  .degree-box__university img {
    width: 30rem;
    margin: 0 auto;
    display: block; }

.degree-box-table tr td:first-child {
  font-weight: 700;
  padding-right: 2rem; }

@media (min-width: 512px) and (max-width: 1024px) {
  .skill-box-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .skill-box-container .skill-box {
      width: 30%;
      margin-right: 3%; }
    .skill-box-container .skill-box:nth-child(2n) {
      margin-right: 3%; }
    .skill-box-container .skill-box:nth-child(3n) {
      margin-right: 0%; } }
@media (min-width: 1024px) {
  #resume-profile {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center; }

  #resume-profile__summary {
    flex-direction: row; }

  #resume-profile__left {
    padding-right: 8rem;
    width: 45rem; }

  #resume-profile__picture {
    position: absolute;
    top: 0;
    right: 0; }

  #resume-profile__right {
    width: 60rem;
    margin-top: -6rem; }

  .resume-profile__details-basic {
    width: 70%;
    margin-bottom: 0rem; }

  #resume-skills-content {
    width: 75%;
    margin: 0 10% 0 5%; }

  .resume-profile__left__content {
    width: auto; }

  .resume-profile__right-header {
    height: 22rem;
    flex-direction: row; }

  .resume-section-wrapper {
    padding: 5rem; }

  .resume-section-row-wrapper {
    position: relative;
    width: 80%;
    max-width: 1024px; }

  .resume-section-row {
    flex-direction: row; }

  .resume-section-row-location-cell {
    margin-right: 5rem;
    width: 20rem;
    flex-direction: column; }

  .resume-section-location {
    font-weight: 700;
    font-size: 1.4rem;
    color: #22A39F;
    padding-bottom: 1rem; }

  .resume-section-image {
    width: 15rem;
    margin-right: 5rem; }

  .skill-box {
    width: 23%; }

  .skill-box-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .skill-box-container .skill-box {
      width: 23%;
      margin-right: 2%; }
    .skill-box-container .skill-box:nth-child(2n) {
      margin-right: 2%; }
    .skill-box-container .skill-box:nth-child(3n) {
      margin-right: 2%; }
    .skill-box-container .skill-box:nth-child(4n) {
      margin-right: 0%; }

  .projects-list {
    flex-direction: row; }
    .projects-list a img {
      height: 20rem; }

  .degree-boxes {
    flex-direction: row; }

  #resume-projects .header-asterisk {
    display: inline-block; } }
.radial-progress {
  margin: 50px;
  width: 160px;
  height: 160px;
  background-color: #ccc;
  border-radius: 50%; }
  .radial-progress .circle .mask, .radial-progress .circle .fill, .radial-progress .circle .shadow {
    width: 160px;
    height: 160px;
    position: absolute;
    border-radius: 50%; }
  .radial-progress .circle .shadow {
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2) inset; }
  .radial-progress .circle .mask, .radial-progress .circle .fill {
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 1s;
    transition: -ms-transform 1s;
    transition: transform 1s;
    border-radius: 50%; }
  .radial-progress .circle .mask {
    clip: rect(0px, 160px, 160px, 80px); }
    .radial-progress .circle .mask .fill {
      clip: rect(0px, 80px, 160px, 0px);
      background-color: #22A39F; }
  .radial-progress .inset {
    width: 140px;
    height: 140px;
    position: absolute;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #fbfbfb;
    border-radius: 50%;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2); }
    .radial-progress .inset .percentage {
      height: 22px;
      width: 57px;
      overflow: hidden;
      position: absolute;
      top: 59px;
      left: 41.5px;
      line-height: 1; }
      .radial-progress .inset .percentage .numbers {
        margin-top: -22px;
        transition: width 1s; }
        .radial-progress .inset .percentage .numbers span {
          width: 57px;
          display: inline-block;
          vertical-align: top;
          text-align: center;
          font-weight: 800;
          font-size: 22px;
          /*font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
          color: #97a71d; }
  .radial-progress[data-progress="0"] .circle .mask.full, .radial-progress[data-progress="0"] .circle .fill {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .radial-progress[data-progress="0"] .circle .fill.fix {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .radial-progress[data-progress="0"] .inset .percentage .numbers {
    width: 57px; }
  .radial-progress[data-progress="1"] .circle .mask.full, .radial-progress[data-progress="1"] .circle .fill {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg); }
  .radial-progress[data-progress="1"] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .radial-progress[data-progress="1"] .inset .percentage .numbers {
    width: 114px; }
  .radial-progress[data-progress="2"] .circle .mask.full, .radial-progress[data-progress="2"] .circle .fill {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg); }
  .radial-progress[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .radial-progress[data-progress="2"] .inset .percentage .numbers {
    width: 171px; }
  .radial-progress[data-progress="3"] .circle .mask.full, .radial-progress[data-progress="3"] .circle .fill {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg); }
  .radial-progress[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .radial-progress[data-progress="3"] .inset .percentage .numbers {
    width: 228px; }
  .radial-progress[data-progress="4"] .circle .mask.full, .radial-progress[data-progress="4"] .circle .fill {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg); }
  .radial-progress[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .radial-progress[data-progress="4"] .inset .percentage .numbers {
    width: 285px; }
  .radial-progress[data-progress="5"] .circle .mask.full, .radial-progress[data-progress="5"] .circle .fill {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg); }
  .radial-progress[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  .radial-progress[data-progress="5"] .inset .percentage .numbers {
    width: 342px; }
  .radial-progress[data-progress="6"] .circle .mask.full, .radial-progress[data-progress="6"] .circle .fill {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg); }
  .radial-progress[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .radial-progress[data-progress="6"] .inset .percentage .numbers {
    width: 399px; }
  .radial-progress[data-progress="7"] .circle .mask.full, .radial-progress[data-progress="7"] .circle .fill {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg); }
  .radial-progress[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .radial-progress[data-progress="7"] .inset .percentage .numbers {
    width: 456px; }
  .radial-progress[data-progress="8"] .circle .mask.full, .radial-progress[data-progress="8"] .circle .fill {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg); }
  .radial-progress[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .radial-progress[data-progress="8"] .inset .percentage .numbers {
    width: 513px; }
  .radial-progress[data-progress="9"] .circle .mask.full, .radial-progress[data-progress="9"] .circle .fill {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg); }
  .radial-progress[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .radial-progress[data-progress="9"] .inset .percentage .numbers {
    width: 570px; }
  .radial-progress[data-progress="10"] .circle .mask.full, .radial-progress[data-progress="10"] .circle .fill {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg); }
  .radial-progress[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  .radial-progress[data-progress="10"] .inset .percentage .numbers {
    width: 627px; }
  .radial-progress[data-progress="11"] .circle .mask.full, .radial-progress[data-progress="11"] .circle .fill {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg); }
  .radial-progress[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .radial-progress[data-progress="11"] .inset .percentage .numbers {
    width: 684px; }
  .radial-progress[data-progress="12"] .circle .mask.full, .radial-progress[data-progress="12"] .circle .fill {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg); }
  .radial-progress[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .radial-progress[data-progress="12"] .inset .percentage .numbers {
    width: 741px; }
  .radial-progress[data-progress="13"] .circle .mask.full, .radial-progress[data-progress="13"] .circle .fill {
    -webkit-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    transform: rotate(23.4deg); }
  .radial-progress[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .radial-progress[data-progress="13"] .inset .percentage .numbers {
    width: 798px; }
  .radial-progress[data-progress="14"] .circle .mask.full, .radial-progress[data-progress="14"] .circle .fill {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg); }
  .radial-progress[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .radial-progress[data-progress="14"] .inset .percentage .numbers {
    width: 855px; }
  .radial-progress[data-progress="15"] .circle .mask.full, .radial-progress[data-progress="15"] .circle .fill {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg); }
  .radial-progress[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg); }
  .radial-progress[data-progress="15"] .inset .percentage .numbers {
    width: 912px; }
  .radial-progress[data-progress="16"] .circle .mask.full, .radial-progress[data-progress="16"] .circle .fill {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg); }
  .radial-progress[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .radial-progress[data-progress="16"] .inset .percentage .numbers {
    width: 969px; }
  .radial-progress[data-progress="17"] .circle .mask.full, .radial-progress[data-progress="17"] .circle .fill {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg); }
  .radial-progress[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .radial-progress[data-progress="17"] .inset .percentage .numbers {
    width: 1026px; }
  .radial-progress[data-progress="18"] .circle .mask.full, .radial-progress[data-progress="18"] .circle .fill {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg); }
  .radial-progress[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .radial-progress[data-progress="18"] .inset .percentage .numbers {
    width: 1083px; }
  .radial-progress[data-progress="19"] .circle .mask.full, .radial-progress[data-progress="19"] .circle .fill {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg); }
  .radial-progress[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .radial-progress[data-progress="19"] .inset .percentage .numbers {
    width: 1140px; }
  .radial-progress[data-progress="20"] .circle .mask.full, .radial-progress[data-progress="20"] .circle .fill {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg); }
  .radial-progress[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg); }
  .radial-progress[data-progress="20"] .inset .percentage .numbers {
    width: 1197px; }
  .radial-progress[data-progress="21"] .circle .mask.full, .radial-progress[data-progress="21"] .circle .fill {
    -webkit-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    transform: rotate(37.8deg); }
  .radial-progress[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .radial-progress[data-progress="21"] .inset .percentage .numbers {
    width: 1254px; }
  .radial-progress[data-progress="22"] .circle .mask.full, .radial-progress[data-progress="22"] .circle .fill {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg); }
  .radial-progress[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .radial-progress[data-progress="22"] .inset .percentage .numbers {
    width: 1311px; }
  .radial-progress[data-progress="23"] .circle .mask.full, .radial-progress[data-progress="23"] .circle .fill {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg); }
  .radial-progress[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .radial-progress[data-progress="23"] .inset .percentage .numbers {
    width: 1368px; }
  .radial-progress[data-progress="24"] .circle .mask.full, .radial-progress[data-progress="24"] .circle .fill {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg); }
  .radial-progress[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .radial-progress[data-progress="24"] .inset .percentage .numbers {
    width: 1425px; }
  .radial-progress[data-progress="25"] .circle .mask.full, .radial-progress[data-progress="25"] .circle .fill {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .radial-progress[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .radial-progress[data-progress="25"] .inset .percentage .numbers {
    width: 1482px; }
  .radial-progress[data-progress="26"] .circle .mask.full, .radial-progress[data-progress="26"] .circle .fill {
    -webkit-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    transform: rotate(46.8deg); }
  .radial-progress[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .radial-progress[data-progress="26"] .inset .percentage .numbers {
    width: 1539px; }
  .radial-progress[data-progress="27"] .circle .mask.full, .radial-progress[data-progress="27"] .circle .fill {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg); }
  .radial-progress[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .radial-progress[data-progress="27"] .inset .percentage .numbers {
    width: 1596px; }
  .radial-progress[data-progress="28"] .circle .mask.full, .radial-progress[data-progress="28"] .circle .fill {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg); }
  .radial-progress[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .radial-progress[data-progress="28"] .inset .percentage .numbers {
    width: 1653px; }
  .radial-progress[data-progress="29"] .circle .mask.full, .radial-progress[data-progress="29"] .circle .fill {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg); }
  .radial-progress[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .radial-progress[data-progress="29"] .inset .percentage .numbers {
    width: 1710px; }
  .radial-progress[data-progress="30"] .circle .mask.full, .radial-progress[data-progress="30"] .circle .fill {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg); }
  .radial-progress[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg); }
  .radial-progress[data-progress="30"] .inset .percentage .numbers {
    width: 1767px; }
  .radial-progress[data-progress="31"] .circle .mask.full, .radial-progress[data-progress="31"] .circle .fill {
    -webkit-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    transform: rotate(55.8deg); }
  .radial-progress[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .radial-progress[data-progress="31"] .inset .percentage .numbers {
    width: 1824px; }
  .radial-progress[data-progress="32"] .circle .mask.full, .radial-progress[data-progress="32"] .circle .fill {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg); }
  .radial-progress[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .radial-progress[data-progress="32"] .inset .percentage .numbers {
    width: 1881px; }
  .radial-progress[data-progress="33"] .circle .mask.full, .radial-progress[data-progress="33"] .circle .fill {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg); }
  .radial-progress[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .radial-progress[data-progress="33"] .inset .percentage .numbers {
    width: 1938px; }
  .radial-progress[data-progress="34"] .circle .mask.full, .radial-progress[data-progress="34"] .circle .fill {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg); }
  .radial-progress[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .radial-progress[data-progress="34"] .inset .percentage .numbers {
    width: 1995px; }
  .radial-progress[data-progress="35"] .circle .mask.full, .radial-progress[data-progress="35"] .circle .fill {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg); }
  .radial-progress[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg); }
  .radial-progress[data-progress="35"] .inset .percentage .numbers {
    width: 2052px; }
  .radial-progress[data-progress="36"] .circle .mask.full, .radial-progress[data-progress="36"] .circle .fill {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg); }
  .radial-progress[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .radial-progress[data-progress="36"] .inset .percentage .numbers {
    width: 2109px; }
  .radial-progress[data-progress="37"] .circle .mask.full, .radial-progress[data-progress="37"] .circle .fill {
    -webkit-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    transform: rotate(66.6deg); }
  .radial-progress[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .radial-progress[data-progress="37"] .inset .percentage .numbers {
    width: 2166px; }
  .radial-progress[data-progress="38"] .circle .mask.full, .radial-progress[data-progress="38"] .circle .fill {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg); }
  .radial-progress[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .radial-progress[data-progress="38"] .inset .percentage .numbers {
    width: 2223px; }
  .radial-progress[data-progress="39"] .circle .mask.full, .radial-progress[data-progress="39"] .circle .fill {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg); }
  .radial-progress[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .radial-progress[data-progress="39"] .inset .percentage .numbers {
    width: 2280px; }
  .radial-progress[data-progress="40"] .circle .mask.full, .radial-progress[data-progress="40"] .circle .fill {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg); }
  .radial-progress[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg); }
  .radial-progress[data-progress="40"] .inset .percentage .numbers {
    width: 2337px; }
  .radial-progress[data-progress="41"] .circle .mask.full, .radial-progress[data-progress="41"] .circle .fill {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg); }
  .radial-progress[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .radial-progress[data-progress="41"] .inset .percentage .numbers {
    width: 2394px; }
  .radial-progress[data-progress="42"] .circle .mask.full, .radial-progress[data-progress="42"] .circle .fill {
    -webkit-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    transform: rotate(75.6deg); }
  .radial-progress[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .radial-progress[data-progress="42"] .inset .percentage .numbers {
    width: 2451px; }
  .radial-progress[data-progress="43"] .circle .mask.full, .radial-progress[data-progress="43"] .circle .fill {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg); }
  .radial-progress[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .radial-progress[data-progress="43"] .inset .percentage .numbers {
    width: 2508px; }
  .radial-progress[data-progress="44"] .circle .mask.full, .radial-progress[data-progress="44"] .circle .fill {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg); }
  .radial-progress[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .radial-progress[data-progress="44"] .inset .percentage .numbers {
    width: 2565px; }
  .radial-progress[data-progress="45"] .circle .mask.full, .radial-progress[data-progress="45"] .circle .fill {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg); }
  .radial-progress[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg); }
  .radial-progress[data-progress="45"] .inset .percentage .numbers {
    width: 2622px; }
  .radial-progress[data-progress="46"] .circle .mask.full, .radial-progress[data-progress="46"] .circle .fill {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg); }
  .radial-progress[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .radial-progress[data-progress="46"] .inset .percentage .numbers {
    width: 2679px; }
  .radial-progress[data-progress="47"] .circle .mask.full, .radial-progress[data-progress="47"] .circle .fill {
    -webkit-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    transform: rotate(84.6deg); }
  .radial-progress[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .radial-progress[data-progress="47"] .inset .percentage .numbers {
    width: 2736px; }
  .radial-progress[data-progress="48"] .circle .mask.full, .radial-progress[data-progress="48"] .circle .fill {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg); }
  .radial-progress[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .radial-progress[data-progress="48"] .inset .percentage .numbers {
    width: 2793px; }
  .radial-progress[data-progress="49"] .circle .mask.full, .radial-progress[data-progress="49"] .circle .fill {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg); }
  .radial-progress[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .radial-progress[data-progress="49"] .inset .percentage .numbers {
    width: 2850px; }
  .radial-progress[data-progress="50"] .circle .mask.full, .radial-progress[data-progress="50"] .circle .fill {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .radial-progress[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .radial-progress[data-progress="50"] .inset .percentage .numbers {
    width: 2907px; }
  .radial-progress[data-progress="51"] .circle .mask.full, .radial-progress[data-progress="51"] .circle .fill {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg); }
  .radial-progress[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    transform: rotate(183.6deg); }
  .radial-progress[data-progress="51"] .inset .percentage .numbers {
    width: 2964px; }
  .radial-progress[data-progress="52"] .circle .mask.full, .radial-progress[data-progress="52"] .circle .fill {
    -webkit-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    transform: rotate(93.6deg); }
  .radial-progress[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    transform: rotate(187.2deg); }
  .radial-progress[data-progress="52"] .inset .percentage .numbers {
    width: 3021px; }
  .radial-progress[data-progress="53"] .circle .mask.full, .radial-progress[data-progress="53"] .circle .fill {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg); }
  .radial-progress[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    transform: rotate(190.8deg); }
  .radial-progress[data-progress="53"] .inset .percentage .numbers {
    width: 3078px; }
  .radial-progress[data-progress="54"] .circle .mask.full, .radial-progress[data-progress="54"] .circle .fill {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg); }
  .radial-progress[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    transform: rotate(194.4deg); }
  .radial-progress[data-progress="54"] .inset .percentage .numbers {
    width: 3135px; }
  .radial-progress[data-progress="55"] .circle .mask.full, .radial-progress[data-progress="55"] .circle .fill {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg); }
  .radial-progress[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg); }
  .radial-progress[data-progress="55"] .inset .percentage .numbers {
    width: 3192px; }
  .radial-progress[data-progress="56"] .circle .mask.full, .radial-progress[data-progress="56"] .circle .fill {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg); }
  .radial-progress[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg); }
  .radial-progress[data-progress="56"] .inset .percentage .numbers {
    width: 3249px; }
  .radial-progress[data-progress="57"] .circle .mask.full, .radial-progress[data-progress="57"] .circle .fill {
    -webkit-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    transform: rotate(102.6deg); }
  .radial-progress[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    transform: rotate(205.2deg); }
  .radial-progress[data-progress="57"] .inset .percentage .numbers {
    width: 3306px; }
  .radial-progress[data-progress="58"] .circle .mask.full, .radial-progress[data-progress="58"] .circle .fill {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg); }
  .radial-progress[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg); }
  .radial-progress[data-progress="58"] .inset .percentage .numbers {
    width: 3363px; }
  .radial-progress[data-progress="59"] .circle .mask.full, .radial-progress[data-progress="59"] .circle .fill {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg); }
  .radial-progress[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    transform: rotate(212.4deg); }
  .radial-progress[data-progress="59"] .inset .percentage .numbers {
    width: 3420px; }
  .radial-progress[data-progress="60"] .circle .mask.full, .radial-progress[data-progress="60"] .circle .fill {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg); }
  .radial-progress[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg); }
  .radial-progress[data-progress="60"] .inset .percentage .numbers {
    width: 3477px; }
  .radial-progress[data-progress="61"] .circle .mask.full, .radial-progress[data-progress="61"] .circle .fill {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg); }
  .radial-progress[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    transform: rotate(219.6deg); }
  .radial-progress[data-progress="61"] .inset .percentage .numbers {
    width: 3534px; }
  .radial-progress[data-progress="62"] .circle .mask.full, .radial-progress[data-progress="62"] .circle .fill {
    -webkit-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    transform: rotate(111.6deg); }
  .radial-progress[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    transform: rotate(223.2deg); }
  .radial-progress[data-progress="62"] .inset .percentage .numbers {
    width: 3591px; }
  .radial-progress[data-progress="63"] .circle .mask.full, .radial-progress[data-progress="63"] .circle .fill {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg); }
  .radial-progress[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    transform: rotate(226.8deg); }
  .radial-progress[data-progress="63"] .inset .percentage .numbers {
    width: 3648px; }
  .radial-progress[data-progress="64"] .circle .mask.full, .radial-progress[data-progress="64"] .circle .fill {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg); }
  .radial-progress[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    transform: rotate(230.4deg); }
  .radial-progress[data-progress="64"] .inset .percentage .numbers {
    width: 3705px; }
  .radial-progress[data-progress="65"] .circle .mask.full, .radial-progress[data-progress="65"] .circle .fill {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg); }
  .radial-progress[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg); }
  .radial-progress[data-progress="65"] .inset .percentage .numbers {
    width: 3762px; }
  .radial-progress[data-progress="66"] .circle .mask.full, .radial-progress[data-progress="66"] .circle .fill {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg); }
  .radial-progress[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    transform: rotate(237.6deg); }
  .radial-progress[data-progress="66"] .inset .percentage .numbers {
    width: 3819px; }
  .radial-progress[data-progress="67"] .circle .mask.full, .radial-progress[data-progress="67"] .circle .fill {
    -webkit-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    transform: rotate(120.6deg); }
  .radial-progress[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    transform: rotate(241.2deg); }
  .radial-progress[data-progress="67"] .inset .percentage .numbers {
    width: 3876px; }
  .radial-progress[data-progress="68"] .circle .mask.full, .radial-progress[data-progress="68"] .circle .fill {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg); }
  .radial-progress[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    transform: rotate(244.8deg); }
  .radial-progress[data-progress="68"] .inset .percentage .numbers {
    width: 3933px; }
  .radial-progress[data-progress="69"] .circle .mask.full, .radial-progress[data-progress="69"] .circle .fill {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg); }
  .radial-progress[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg); }
  .radial-progress[data-progress="69"] .inset .percentage .numbers {
    width: 3990px; }
  .radial-progress[data-progress="70"] .circle .mask.full, .radial-progress[data-progress="70"] .circle .fill {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg); }
  .radial-progress[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg); }
  .radial-progress[data-progress="70"] .inset .percentage .numbers {
    width: 4047px; }
  .radial-progress[data-progress="71"] .circle .mask.full, .radial-progress[data-progress="71"] .circle .fill {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg); }
  .radial-progress[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    transform: rotate(255.6deg); }
  .radial-progress[data-progress="71"] .inset .percentage .numbers {
    width: 4104px; }
  .radial-progress[data-progress="72"] .circle .mask.full, .radial-progress[data-progress="72"] .circle .fill {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg); }
  .radial-progress[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    transform: rotate(259.2deg); }
  .radial-progress[data-progress="72"] .inset .percentage .numbers {
    width: 4161px; }
  .radial-progress[data-progress="73"] .circle .mask.full, .radial-progress[data-progress="73"] .circle .fill {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg); }
  .radial-progress[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    transform: rotate(262.8deg); }
  .radial-progress[data-progress="73"] .inset .percentage .numbers {
    width: 4218px; }
  .radial-progress[data-progress="74"] .circle .mask.full, .radial-progress[data-progress="74"] .circle .fill {
    -webkit-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    transform: rotate(133.2deg); }
  .radial-progress[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    transform: rotate(266.4deg); }
  .radial-progress[data-progress="74"] .inset .percentage .numbers {
    width: 4275px; }
  .radial-progress[data-progress="75"] .circle .mask.full, .radial-progress[data-progress="75"] .circle .fill {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .radial-progress[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
  .radial-progress[data-progress="75"] .inset .percentage .numbers {
    width: 4332px; }
  .radial-progress[data-progress="76"] .circle .mask.full, .radial-progress[data-progress="76"] .circle .fill {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg); }
  .radial-progress[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    transform: rotate(273.6deg); }
  .radial-progress[data-progress="76"] .inset .percentage .numbers {
    width: 4389px; }
  .radial-progress[data-progress="77"] .circle .mask.full, .radial-progress[data-progress="77"] .circle .fill {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg); }
  .radial-progress[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    transform: rotate(277.2deg); }
  .radial-progress[data-progress="77"] .inset .percentage .numbers {
    width: 4446px; }
  .radial-progress[data-progress="78"] .circle .mask.full, .radial-progress[data-progress="78"] .circle .fill {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg); }
  .radial-progress[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    transform: rotate(280.8deg); }
  .radial-progress[data-progress="78"] .inset .percentage .numbers {
    width: 4503px; }
  .radial-progress[data-progress="79"] .circle .mask.full, .radial-progress[data-progress="79"] .circle .fill {
    -webkit-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    transform: rotate(142.2deg); }
  .radial-progress[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    transform: rotate(284.4deg); }
  .radial-progress[data-progress="79"] .inset .percentage .numbers {
    width: 4560px; }
  .radial-progress[data-progress="80"] .circle .mask.full, .radial-progress[data-progress="80"] .circle .fill {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg); }
  .radial-progress[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg); }
  .radial-progress[data-progress="80"] .inset .percentage .numbers {
    width: 4617px; }
  .radial-progress[data-progress="81"] .circle .mask.full, .radial-progress[data-progress="81"] .circle .fill {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg); }
  .radial-progress[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    transform: rotate(291.6deg); }
  .radial-progress[data-progress="81"] .inset .percentage .numbers {
    width: 4674px; }
  .radial-progress[data-progress="82"] .circle .mask.full, .radial-progress[data-progress="82"] .circle .fill {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg); }
  .radial-progress[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    transform: rotate(295.2deg); }
  .radial-progress[data-progress="82"] .inset .percentage .numbers {
    width: 4731px; }
  .radial-progress[data-progress="83"] .circle .mask.full, .radial-progress[data-progress="83"] .circle .fill {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg); }
  .radial-progress[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg); }
  .radial-progress[data-progress="83"] .inset .percentage .numbers {
    width: 4788px; }
  .radial-progress[data-progress="84"] .circle .mask.full, .radial-progress[data-progress="84"] .circle .fill {
    -webkit-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    transform: rotate(151.2deg); }
  .radial-progress[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    transform: rotate(302.4deg); }
  .radial-progress[data-progress="84"] .inset .percentage .numbers {
    width: 4845px; }
  .radial-progress[data-progress="85"] .circle .mask.full, .radial-progress[data-progress="85"] .circle .fill {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg); }
  .radial-progress[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg); }
  .radial-progress[data-progress="85"] .inset .percentage .numbers {
    width: 4902px; }
  .radial-progress[data-progress="86"] .circle .mask.full, .radial-progress[data-progress="86"] .circle .fill {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg); }
  .radial-progress[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg); }
  .radial-progress[data-progress="86"] .inset .percentage .numbers {
    width: 4959px; }
  .radial-progress[data-progress="87"] .circle .mask.full, .radial-progress[data-progress="87"] .circle .fill {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg); }
  .radial-progress[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    transform: rotate(313.2deg); }
  .radial-progress[data-progress="87"] .inset .percentage .numbers {
    width: 5016px; }
  .radial-progress[data-progress="88"] .circle .mask.full, .radial-progress[data-progress="88"] .circle .fill {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg); }
  .radial-progress[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    transform: rotate(316.8deg); }
  .radial-progress[data-progress="88"] .inset .percentage .numbers {
    width: 5073px; }
  .radial-progress[data-progress="89"] .circle .mask.full, .radial-progress[data-progress="89"] .circle .fill {
    -webkit-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    transform: rotate(160.2deg); }
  .radial-progress[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    transform: rotate(320.4deg); }
  .radial-progress[data-progress="89"] .inset .percentage .numbers {
    width: 5130px; }
  .radial-progress[data-progress="90"] .circle .mask.full, .radial-progress[data-progress="90"] .circle .fill {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg); }
  .radial-progress[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg); }
  .radial-progress[data-progress="90"] .inset .percentage .numbers {
    width: 5187px; }
  .radial-progress[data-progress="91"] .circle .mask.full, .radial-progress[data-progress="91"] .circle .fill {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg); }
  .radial-progress[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    transform: rotate(327.6deg); }
  .radial-progress[data-progress="91"] .inset .percentage .numbers {
    width: 5244px; }
  .radial-progress[data-progress="92"] .circle .mask.full, .radial-progress[data-progress="92"] .circle .fill {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg); }
  .radial-progress[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg); }
  .radial-progress[data-progress="92"] .inset .percentage .numbers {
    width: 5301px; }
  .radial-progress[data-progress="93"] .circle .mask.full, .radial-progress[data-progress="93"] .circle .fill {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg); }
  .radial-progress[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    transform: rotate(334.8deg); }
  .radial-progress[data-progress="93"] .inset .percentage .numbers {
    width: 5358px; }
  .radial-progress[data-progress="94"] .circle .mask.full, .radial-progress[data-progress="94"] .circle .fill {
    -webkit-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    transform: rotate(169.2deg); }
  .radial-progress[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    transform: rotate(338.4deg); }
  .radial-progress[data-progress="94"] .inset .percentage .numbers {
    width: 5415px; }
  .radial-progress[data-progress="95"] .circle .mask.full, .radial-progress[data-progress="95"] .circle .fill {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg); }
  .radial-progress[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg); }
  .radial-progress[data-progress="95"] .inset .percentage .numbers {
    width: 5472px; }
  .radial-progress[data-progress="96"] .circle .mask.full, .radial-progress[data-progress="96"] .circle .fill {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg); }
  .radial-progress[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg); }
  .radial-progress[data-progress="96"] .inset .percentage .numbers {
    width: 5529px; }
  .radial-progress[data-progress="97"] .circle .mask.full, .radial-progress[data-progress="97"] .circle .fill {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg); }
  .radial-progress[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    transform: rotate(349.2deg); }
  .radial-progress[data-progress="97"] .inset .percentage .numbers {
    width: 5586px; }
  .radial-progress[data-progress="98"] .circle .mask.full, .radial-progress[data-progress="98"] .circle .fill {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg); }
  .radial-progress[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    transform: rotate(352.8deg); }
  .radial-progress[data-progress="98"] .inset .percentage .numbers {
    width: 5643px; }
  .radial-progress[data-progress="99"] .circle .mask.full, .radial-progress[data-progress="99"] .circle .fill {
    -webkit-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    transform: rotate(178.2deg); }
  .radial-progress[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    transform: rotate(356.4deg); }
  .radial-progress[data-progress="99"] .inset .percentage .numbers {
    width: 5700px; }
  .radial-progress[data-progress="100"] .circle .mask.full, .radial-progress[data-progress="100"] .circle .fill {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .radial-progress[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); }
  .radial-progress[data-progress="100"] .inset .percentage .numbers {
    width: 5757px; }

.slick-slider {
  height: 350px;
  margin-top: 2rem;
  position: relative; }

.resume-slider-container {
  margin-top: 5rem; }

.slick-slide {
  height: 300px;
  width: 300px;
  padding: 25px;
  position: relative; }

.slick-next, .slick-prev {
  display: none !important; }

.resume-slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.resume-slide-img {
  width: 250px; }

.resume-slider-overlay-wrapper {
  position: absolute;
  left: 50%; }

.resume-slider-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
  left: -50%;
  height: 350px;
  width: 350px;
  z-index: 20; }

.slick-dots {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .slick-dots li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 16px;
    position: relative; }
    .slick-dots li button {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      outline: none;
      border-radius: 50%;
      border: 0px;
      text-indent: -999rem;
      position: absolute;
      cursor: pointer; }

.slick-dots li button {
  overflow: hidden;
  background-color: transparent;
  box-shadow: inset 0 0 0 2px #28398a;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.slick-dots li button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: #28398a;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  opacity: 0.7; }

.slick-dots li.slick-active button::after {
  -webkit-transform: scale(1);
  transform: scale(1); }

#blog-wrapper {
  min-height: 100vh; }

#blog-wrapper-hero {
  width: 100%;
  position: relative;
  padding-top: 11rem;
  padding-bottom: 3rem; }

#blog-wrapper-hero-img {
  position: absolute;
  height: 15rem;
  top: 0;
  left: 0;
  width: 100%;
  background: blue; }

#blog-wrapper-hero-box {
  height: 13rem;
  margin: 0 2rem;
  background: white;
  position: relative;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center; }

#blog-wrapper-hero-box-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc; }

.blog-wrapper-hero-date {
  margin-right: 2rem;
  font-weight: 700;
  color: #222; }

#blog-wrapper-hero-box h1 {
  text-align: center;
  color: #222;
  padding-top: 2rem; }

#blog-wrapper-blog-content {
  min-height: 40rem;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 4rem; }

#blog-wrapper-blog-content p {
  padding-bottom: 1.8rem;
  line-height: 1.4;
  font-size: 1.8rem; }

#blog-wrapper-blog-content blockquote {
  /* border-left: 5px solid #222;
  margin-bottom: 1.8rem; */
  padding: 2rem 0;
  background: #222;
  color: white;
  margin-bottom: 2rem; }

#blog-wrapper-blog-content blockquote p {
  padding: 0 0 0 1.8rem; }

#blog-wrapper-blog-content h1 {
  font-size: 1.8rem;
  padding-bottom: 1.8rem; }

#blog-breadcrumbs {
  padding-bottom: 1.8rem;
  margin-bottom: 1.8rem;
  border-bottom: 1px solid #222; }

.blog__home-link h1 {
  margin: 0 !important; }

.blog__home-post {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-left: 2rem; }

.blog-index-month {
  padding: 2rem;
  margin: 2rem 0;
  background: white; }

#blog-wrapper-blog-content h1 {
  font-size: 2.8rem; }
#blog-wrapper-blog-content h2 {
  font-size: 2.6rem; }
#blog-wrapper-blog-content h3 {
  font-size: 2.4rem; }
#blog-wrapper-blog-content h4 {
  font-size: 2.2rem; }
#blog-wrapper-blog-content h5 {
  font-size: 2rem; }
#blog-wrapper-blog-content h6 {
  font-size: 2rem; }
#blog-wrapper-blog-content h1, #blog-wrapper-blog-content h2, #blog-wrapper-blog-content h3, #blog-wrapper-blog-content h4, #blog-wrapper-blog-content h5, #blog-wrapper-blog-content h6 {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 3rem; }
#blog-wrapper-blog-content p {
  width: 90%;
  margin: 0 auto; }
#blog-wrapper-blog-content ul, #blog-wrapper-blog-content ol {
  width: 90%;
  font-size: 1.3rem;
  margin: 0 auto 3rem auto;
  padding-left: 4rem; }
#blog-wrapper-blog-content ul li, #blog-wrapper-blog-content ol li {
  margin: 0 0 .5rem 1rem;
  font-size: 1.8rem; }
#blog-wrapper-blog-content p img {
  width: 111%;
  margin-left: -5.55%; }
#blog-wrapper-blog-content div {
  margin: 0 0 3rem 0; }

.wp-caption {
  display: flex;
  /* flex-direction: row-reverse; */
  flex-direction: column;
  /* align-items: flex-end; */
  align-items: center;
  width: 100% !important;
  margin-bottom: 3rem; }

.wp-caption img {
  /* width: 70%; */
  width: 100%;
  padding-bottom: 1rem; }

.wp-caption-text {
  /* width: 25%; */
  padding-bottom: 1rem !important;
  border-bottom: 2px solid black; }

.blog-index-month__heading {
  margin: 0 0 2rem 0 !important; }

.blog__home-post-heading {
  font-size: 2.4rem !important; }

@media (min-width: 512px) {
  #blog-wrapper-hero-box {
    max-width: 70rem;
    margin: 0 auto;
    height: 18rem; }

  #blog-wrapper-blog-content {
    width: 100rem; }

  .wp-caption {
    flex-direction: row-reverse;
    align-items: flex-end; }

  .wp-caption img {
    width: 70%; }

  .wp-caption-text {
    width: 25% !important;
    margin-right: 5% !important; } }

/*# sourceMappingURL=test.css.map */