@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: local('Lato'),
         local('Lato-Regular'),
         url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: local('Lato Bold'),
         local('Lato-Bold'),
         url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}

html {
  font-size:100%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

body {
 font: 400 14pt/1.5 Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 color: #111;
 background-color: #ffffff;
 -webkit-text-size-adjust: 100%;
 -webkit-font-feature-settings: "kern" 1;
 -moz-font-feature-settings: "kern" 1;
 -o-font-feature-settings: "kern" 1;
 font-feature-settings: "kern" 1;
 font-kerning: normal;
 font-style: normal;
 font-weight: normal;
}

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 400; }

/** Links */
a { color: #1f1a17; text-decoration: none; }
a:visited { color: #1f1a17; }
a:hover { color: #424242; text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }
pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }
table tr:nth-child(even) { background-color: #f7f7f7; }
table th, table td { padding: 10px 15px; }
table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }
table td { border: 1px solid #e8e8e8; }

/** Site header */
.site-header {
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242;
  min-height: 55.95px;
  position: relative;
  width: 100%;
  background: #fff;
}
@media print {
 .site-header {
  display: none;
 }
}

.site-home {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-size: 10pt;
  color: #1f1a17;
  line-height: 54px;
  margin-bottom: 0;
  float: left;
  text-rendering: optimizelegibility;
}

.site-home:hover {
  color: #424242;
}

.site-home:visited {
  color: #1f1a17;
}

.site-nav {
 font-family: 'Lato';
 font-style: normal;
 font-weight: normal;
 font-size: 10pt;
 float: right;
 line-height: 54px;
}

.site-nav .page-link {
  color: #1f1a17;
  line-height: 1.5;
}

.site-nav .page-link:hover {
 color: #424242;
}

.site-nav .page-link:visited {
 color: #1f1a17;
}

.site-nav .page-link:not(:last-child):after {
  content: "|";
  margin-right: 5px;
  padding-left: 5px;
}

.site-nav .nav-trigger { display: none; }

.site-nav .menu-icon { display: none; }

@media screen and (max-width: 600px) {
 .site-nav { position: absolute; top: 9px; right: 15px; background-color: #ffffff; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; z-index: 100; }
 .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }
 .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
 .site-nav .menu-icon > svg path { fill: #424242; }
 .site-nav input ~ .trigger { clear: both; display: none; }
 .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }
 .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
 .site-nav .page-link:not(:last-child) { margin-right: 0; }
 .site-nav .page-link:not(:last-child):after { content: none; }
}

/** Site footer */
.site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col { margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 {
  float: left;
}

.footer-col-2 {
  float: right;
}

/** Page content */
.page-content { padding: 30px 0; }

.page-heading { font-size: 32px; }


/** Syntax highlighting styles */
.highlight { background: #fff; }
.highlighter-rouge .highlight { background: #eef; }
.highlight .c { color: #998; font-style: italic; }
.highlight .err { color: #a61717; background-color: #e3d2d2; }
.highlight .k { font-weight: bold; }
.highlight .o { font-weight: bold; }
.highlight .cm { color: #998; font-style: italic; }
.highlight .cp { color: #999; font-weight: bold; }
.highlight .c1 { color: #998; font-style: italic; }
.highlight .cs { color: #999; font-weight: bold; font-style: italic; }
.highlight .gd { color: #000; background-color: #fdd; }
.highlight .gd .x { color: #000; background-color: #faa; }
.highlight .ge { font-style: italic; }
.highlight .gr { color: #a00; }
.highlight .gh { color: #999; }
.highlight .gi { color: #000; background-color: #dfd; }
.highlight .gi .x { color: #000; background-color: #afa; }
.highlight .go { color: #888; }
.highlight .gp { color: #555; }
.highlight .gs { font-weight: bold; }
.highlight .gu { color: #aaa; }
.highlight .gt { color: #a00; }
.highlight .kc { font-weight: bold; }
.highlight .kd { font-weight: bold; }
.highlight .kp { font-weight: bold; }
.highlight .kr { font-weight: bold; }
.highlight .kt { color: #458; font-weight: bold; }
.highlight .m { color: #099; }
.highlight .s { color: #d14; }
.highlight .na { color: #008080; }
.highlight .nb { color: #0086B3; }
.highlight .nc { color: #458; font-weight: bold; }
.highlight .no { color: #008080; }
.highlight .ni { color: #800080; }
.highlight .ne { color: #900; font-weight: bold; }
.highlight .nf { color: #900; font-weight: bold; }
.highlight .nn { color: #555; }
.highlight .nt { color: #000080; }
.highlight .nv { color: #008080; }
.highlight .ow { font-weight: bold; }
.highlight .w { color: #bbb; }
.highlight .mf { color: #099; }
.highlight .mh { color: #099; }
.highlight .mi { color: #099; }
.highlight .mo { color: #099; }
.highlight .sb { color: #d14; }
.highlight .sc { color: #d14; }
.highlight .sd { color: #d14; }
.highlight .s2 { color: #d14; }
.highlight .se { color: #d14; }
.highlight .sh { color: #d14; }
.highlight .si { color: #d14; }
.highlight .sx { color: #d14; }
.highlight .sr { color: #009926; }
.highlight .s1 { color: #d14; }
.highlight .ss { color: #990073; }
.highlight .bp { color: #999; }
.highlight .vc { color: #008080; }
.highlight .vg { color: #008080; }
.highlight .vi { color: #008080; }
.highlight .il { color: #099; }

/* HEADERS */
h1.offer,
h1.section-title,
h1.post-list-heading {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  font-size: 20pt;
  text-transform: uppercase;
  overflow: hidden;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}

h1.offer,
h1.section-title,
h1.post-list-heading {
  text-align: left;
}

h1.offer:after,
h1.section-title:after,
h1.post-list-heading:after {
 background-color: #000000;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 100%;
 left: 0.5em;
 margin-right: -100%;
 z-index: -1;
}

h2.services-category-title {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  font-size: 14pt;
  color: #1f1a17;
  line-height: normal;
  margin: 10px 0;
  text-rendering:optimizelegibility;
}

.section-header { margin-bottom: 30px; }

.section-content {
  margin-top: 5px;
}

.section-content > p {
  font-style: normal;
  font-weight: normal;
  font-size: 12pt;
}

blockquote {
 font-style: italic;
}

.home p,
.footer-col p {
 text-align: justify;
}

.footer-col-wrapper {
  color: #424242;
}

.footer-col p {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-size: 10pt;
}

.site-footer {
 padding-top: 15px;
}

.social-icon {
 width: auto;
 height: auto;
 display: inline-block;
 padding-right: 5px;
 padding-bottom: 5px;
 vertical-align: middle;
}

/** POSTS **/
ul.post-list {
  margin-left: 0;
  list-style: none;
}

ul.post-list > li {
  list-style-type: none;
  border-collapse: collapse;
  border: 1px solid #e8e8e8;
  padding: 5px 5px 5px 5px;
  margin-right: 5px;
  margin-bottom: 5px;
}

ul.post-list-index > li {
  margin-bottom: 10px;
}

ul.post-list-recent > li {
 width: calc(50% - (10px * 2));
 height: 100px;
 float: left;
}

@media screen and (max-width: 750px) {
 ul.post-list-recent > li {
  width: calc(100% - (10px * 2));
  height: auto;
 }
}
@media print {
 ul.post-list-recent > li {
  width: calc(100% - (10px * 2));
  height: auto;
 }
}

ul.post-list .post-meta {
 font-size: 9pt;
 color: #828282;
 line-height: normal;
}

ul.post-list-index h2,
ul.post-list-recent h2 {
  font-family: 'Lato';
  font-weight: bold;
  color: #1f1a17;
  font-size: 12pt;
  line-height: 1;
  margin-top: 0px;
  margin-bottom: 3px;
  text-rendering:optimizelegibility;
}

ul.post-list a.post-link {
  color: #1f1a17;
}

ul.post-list a.post-link:hover {
  color: #424242;
  text-decoration: underline;
}

ul.post-list a.post-link:visited {
  color: #1f1a17;
}

ul.post-list li span.excerpt {
  font-size: 10pt;
  line-height: 1;
}

ul.post-list .readmore-link {
  font-size: 10px;
  padding-left: 5px;
}

ul.post-list .readmore-icon {
  width: 18px;
  height: 18px;
}

header.post-header {
  margin-bottom: 10px;
}

header.post-header > .post-title {
  font-style: normal;
  font-weight: bold;
  font-size: 14pt;
  color: #1f1a17;
  line-height: normal;
  margin: 25px 0 5px;
  text-rendering:optimizelegibility;
}
@media screen and (max-width: 800px) {
  header.post-header > .post-title {
    font-size: 36px;
  }
}

footer.post-footer > .post-meta {
 font-size: 9pt;
 color: #828282;
 line-height: normal;
}

.post-content {
  margin-bottom: 30px;
  font-style: normal;
  font-weight: normal;
  font-size: 12pt;
}
.post-content h2 {
  font-size: 32px;
}
@media screen and (max-width: 800px) {
  .post-content h2 {
    font-size: 28px;
  }
}
.post-content h3 {
  font-size: 26px;
}
@media screen and (max-width: 800px) {
  .post-content h3 {
    font-size: 22px;
  }
}
.post-content h4 {
  font-size: 20px;
}
@media screen and (max-width: 800px) {
  .post-content h4 {
    font-size: 18px;
  }
}

@media print {
 #post-share {
  display: none;
 }
}

/** OFFER **/
section.services-category {
  font-style: normal;
  font-weight: normal;
  font-size: 12pt;
  margin-bottom: 40px;
}

a.services-more-info {
 color: #424242;
 font-size: 13px;
}

a.services-contact {
 color: #424242;
 font-weight: bold;
}

a.services-more-info:hover,
a.services-contact:hover {
 color: #000000;
 text-decoration: underline;
}

a.services-more-info:visited,
a.services-contact:visited {
 color: #424242;
}

hr.services-category-separator {
  color: #424242;
  border-style: ridge;
  border-width: 1px;
  clear: both;
}

section.services-category-footnotes {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 12px;
}

section.services-category > h2:after {
 content: "";
 display: inline-block;
 float: right;
 width: 2.25em;
 height: 2.25em;
 transform: translateY(10%);
 background-size: 100%;
 background-position: center;
 background-repeat: no-repeat;
}

section.services-category > h2#automation:after {
 background-image: url(../icons/offer/automation.svg);
}

section.services-category > h2#development-integration:after {
 background-image: url(../icons/offer/development-integration.svg);
}

section.services-category > h2#migrations-upgrades:after {
 background-image: url(../icons/offer/migrations-upgrades.svg);
}

section.services-category > h2#consulting:after {
 background-image: url(../icons/offer/consulting.svg);
}

section.services-category > h2#intelligent-automation:after {
 background-image: url(../icons/offer/intelligent-automation.svg);
}

section.services-category > h2.intelligent-automation {
 text-transform: uppercase;
}

section.services-category .services-discount {
  border: 1px solid #1f1a17;
  background-color: #ffffff;
  padding: 10px;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(31,26,23,0.5);
  -moz-box-shadow: 5px 5px 10px 0px rgba(31,26,23,0.5);
  box-shadow: 5px 5px 10px 0px rgba(31,26,23,0.5);
  margin-bottom: 25px;
}

section.services-category .services-actions {
  margin-top: 10px;
  padding-bottom: 30px;
}

section.services-category .services-actions > .label {
  font-weight: bold;
  font-size: 13pt;
}

section.services-category .services-actions ul {
  margin-left: 0;
  margin-top: 10px;
  list-style: none;
}

section.services-category .services-actions ul > li {
  list-style-type: none;
  float: left;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
}

section.services-category .services-actions ul > li:not(:last-child) {
  margin-right: 5px;
}

section.services-category .button-icon {
  width: 20px;
  height: 20px;
}

section.services-category .action-button {
 border-color: #424242;
 border-style: solid;
 border-width: 1px;
 color: #1f1a17;
 padding: 10px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 12pt;
 font-weight: bold;
 margin: 0;
 cursor: pointer;
 border-radius: 3px;
}
/*
@media print {
 section.services-category .action-button {
  display: none;
 }
}
*/

section.services-category .action-button:visited {
 color: #1f1a17;
}

section.services-category .action-button:hover {
 background-color: #333;
 color: #ffffff;
}

ul.offer-showcase {
  list-style:none;
  border-collapse: collapse;
  border: 1px solid #e8e8e8;
  margin: 0 0 20px;
  position:relative;
}
@media print {
 ul.offer-showcase {
  margin: 0;
 }
}

ul.offer-showcase li {
  background-color: #e8e8e8;
  color:#1f1a17;
  position:relative;
  padding:1em;
}
@media print {
 ul.offer-showcase li {
  padding:0;
 }
}

ul.offer-showcase li:not(:last-child) {
  border-bottom:4px solid #fff;
}

ul.offer-showcase li.active {
  background-color: #ffffff;
}

ul.offer-showcase li.clearfix:before,
ul.offer-showcase li.clearfix:after {
 display:table;
 content:"";
 line-height:0;
}

ul.offer-showcase li.clearfix:after{
 clear:both;
}
@media print {
 ul.offer-showcase li.clearfix {
  display: block;
  margin: 0;
  padding: 0;
 }
}

ul.offer-showcase li h2 {
  font-family: 'Lato';
  font-weight: bold;
  color: #1f1a17;
  font-size: 14pt;
  line-height: normal;
  margin: 10px 0;
  text-rendering:optimizelegibility;
}

ul.offer-showcase > li.active h2:after {
 content: "";
 display: inline-block;
 float: right;
 width: 2em;
 height: 2em;
 transform: translateY(-20%) translateX(60%);
 background-size: 100%;
 background-position: center;
 background-repeat: no-repeat;
}

ul.offer-showcase li p {
  transition: height 1s;
  display:none;
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-size: 12pt;
}
@media print {
 ul.offer-showcase li p {
  display: block;
 }
}

ul.offer-showcase li.active p {
  display:block;
}

ul.offer-showcase li > .switch {
  float:left;
  display:block;
  width:26px;
  height:26px;
  background-image: url(../icons/icon_offer_inactive.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-top:6px;
  cursor:pointer;
}
@media print {
 ul.offer-showcase li > .switch {
  display: none;
 }
}

ul.offer-showcase li.active > .switch {
  background-image: url(../icons/icon_offer_active.svg);
}

ul.offer-showcase li div.content {
  display:block;
  float:left;
  margin-left:18px;
  width:80%;
}
@media print {
 ul.offer-showcase li div.content {
  margin-left: 5px;
 }
}

ul.offer-showcase li .full-offer,
ul.offer-showcase li .full-offer:hover,
ul.offer-showcase li .full-offer:visited {
  font-weight: bold;
  color: #1f1a17;
}

ul.offer-showcase .contact-button {
 background:#424242;
 border: none;
 color: #ffffff;
 padding: 10px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 11pt;
 font-weight: bold;
 margin: 10px 0px;
 cursor: pointer;
 border-radius: 3px;
}
@media print {
 ul.offer-showcase .contact-button {
  display: none;
 }
}

ul.offer-showcase .contact-button:hover,
ul.offer-showcase .contact-button:visited {
 color: #ffffff;
}

ul.offer-showcase .full-offer-button {
 background:#424242;
 border: none;
 color: #ffffff;
 padding: 10px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 11pt;
 font-weight: bold;
 margin: 10px 0px;
 cursor: pointer;
 border-radius: 3px;
}
@media print {
 ul.offer-showcase .full-offer-button {
  display: none;
 }
}

ul.offer-showcase .full-offer-button:hover,
ul.offer-showcase .full-offer-button:visited {
 color: #ffffff;
}

ul.offer-showcase .offer-showcase-action-button {
 background:#424242;
 border: none;
 color: #ffffff;
 padding: 10px 10px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 11pt;
 font-weight: bold;
 margin: 10px 0px;
 cursor: pointer;
 border-radius: 3px;
 box-shadow: 10px 10px 10px -5px rgba(0, 0, 0, 0.50);
}
@media print {
 ul.offer-showcase .offer-showcase-action-button {
  display: none;
 }
}

ul.offer-showcase .offer-showcase-action-button:hover,
ul.offer-showcase .offer-showcase-action-button:visited {
 color: #ffffff;
}

/** SOCIAL **/
ul.social-media-list {
 list-style: none;
 margin: 0;
 padding: 0;
}
@media print {
 ul.social-media-list {
  display: none;
 }
}

ul.social-media-list > li {
 list-style-type: none;
 display: inline-block;
}

ul.social-media-list > li:not(:last-child) {
  margin-right: 5px;
}

.social-media-list a:hover {
 text-decoration: none;
}

.social-media-list a:hover .username {
 text-decoration: underline;
}

.social-media-list a:hover .social-caption {
 color: #000000;
 text-decoration: underline;
}

.social-media-list a:visited .social-caption {
 color: #828282;
}

/** 404 **/
h1.h404 {
 font-family: 'Lato';
 font-style: normal;
 font-weight: bold;
 font-size: 20pt;
 text-transform: uppercase;
 overflow: hidden;
 margin: 10px 0;
 text-rendering: optimizelegibility;
}

h1.h404 {
 text-align: center;
}

h1.h404:before,
h1.h404:after {
 background-color: #000000;
 content: "";
 display: inline-block;
 height: 1px;
 position: relative;
 vertical-align: middle;
 width: 50%;
}

h1.h404:before {
 right: 0.5em;
 margin-left: -50%;
}

h1.h404:after {
 left: 0.5em;
 margin-right: -50%;
}

h2.h404 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: bold;
  font-size: 14pt;
  color: #1f1a17;
  line-height: normal;
  margin: 10px 0;
  text-align: center;
  text-rendering:optimizelegibility;
}

p.c404 {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-size: 12pt;
  text-align: center;
  margin-top: 20px;
}

/** MISC **/
.rss-subscribe {
  font-family: 'Lato';
  font-style: normal;
  font-weight: normal;
  font-size: 10pt;
  clear: both;
  padding-top: 15px;
}
@media print {
 .rss-subscribe {
  display: none;
 }
}

.rss-subscribe a {
 color: #424242;
 font-size: 12px;
}

.rss-subscribe a:hover {
 color: #000000;
}

.rss-subscribe a:visited {
 color: #424242;
}

.svg-icon {
 vertical-align: baseline;
}

#back-to-top {
  display: inline-block;
  background-color: #ffffff;
  width:26px;
  height:26px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  visibility: hidden;
  z-index: 1000;
  background-image: url(../icons/icon_back-to-top.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media print {
 #back-to-top {
  display: none;
 }
}

#back-to-top:hover {
  cursor: pointer;
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.anchor-link {
  position: absolute;
  margin-left: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
  -moz-transition: opacity 0.2s ease-in-out 0.1s;
  -ms-transition: opacity 0.2s ease-in-out 0.1s;
  -o-transition: opacity 0.2s ease-in-out 0.1s;
  transition: opacity 0.2s ease-in-out 0.1s;
}

h2:hover .anchor-link {
  opacity: 1;
}

.anchor-link-icon {
  display: inline-block;
  width:14pt;
  height:14pt;
  background-image: url(../icons/icon_anchor_link.svg);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

p.copyright-info {
 font-family: 'Lato';
 font-size: 12px;
}

a.about-overview {
}

a.about-overview,
a.about-overview:visited {
 color: #424242;
 text-decoration: underline;
}

a.about-overview:hover {
 color: #000000;
 text-decoration: none;
}

.about-overview-img {
  width: 50%;
}

.about-me-img {
  width: 25%;
  float: left;
  padding-right: 10px;
}

/** VIDEO **/
video {
  width: 100%;
  height: auto;
}

/** MODAL **/
.modalbox .box {
  background-color: rgb(51, 51, 51);
  opacity: 0.9;
  margin: 0 auto;
  padding: 10px 50px 40px;
}

.modalbox .title {
  letter-spacing: 0.2em;
  margin: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
}

.modalbox .content {
  display: block;
  padding: 10px 0 0;
  color: #fff;
}

.modalbox .close {
  display: block;
  float: right;
}

.modalbox {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#333333;
}

.modalbox:target {
  display: block;
  outline: none;
}