/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-contactinfo-"] #inner-container {
  justify-content: center; }

[id^="section-contactinfo-"] #inner-container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -30px;
  position: relative; }
  [id^="section-contactinfo-"] #inner-container > div, [id^="section-contactinfo-"] #inner-container article {
    margin-left: 30px;
    margin-top: 30px; }
    @media (min-width: 768px) {
      [id^="section-contactinfo-"] #inner-container > div, [id^="section-contactinfo-"] #inner-container article {
        flex: 1 0 auto; } }
    @media (min-width: 560px) {
      [id^="section-contactinfo-"] #inner-container > div, [id^="section-contactinfo-"] #inner-container article {
        max-width: calc(50% - 30px); } }
    @media (min-width: 500px) {
      [id^="section-contactinfo-"] #inner-container > div, [id^="section-contactinfo-"] #inner-container article {
        min-width: calc(50% - 30px); } }

[id^="section-contactinfo-"] a {
  color: #000; }

@media (min-width: 981px) {
  [id^="section-contactinfo-"] .left {
    padding: 1em 2em;
    border-radius: 16px;
    background: #f7f7f7; } }

@media (min-width: 981px) {
  [id^="section-contactinfo-"] .right .title h2 {
    margin-top: 0; } }

[id^="section-contactinfo-"] .right .contact-info {
  margin-bottom: 1em; }
  @media (min-width: 981px) {
    [id^="section-contactinfo-"] .right .contact-info {
      padding: 2em;
      border-radius: 16px;
      background: rgba(255, 200, 64, 0.17); } }
  [id^="section-contactinfo-"] .right .contact-info:last-child {
    margin-bottom: 0; }
  [id^="section-contactinfo-"] .right .contact-info span.title {
    display: block;
    font-weight: 700; }
  [id^="section-contactinfo-"] .right .contact-info span.sub-info {
    display: block; }
  [id^="section-contactinfo-"] .right .contact-info .contact {
    margin: .5em 0; }
    [id^="section-contactinfo-"] .right .contact-info .contact span {
      color: #00B6E8;
      margin-right: .5em; }
      [id^="section-contactinfo-"] .right .contact-info .contact span.icon-mail {
        font-size: 13.11569px; }
    [id^="section-contactinfo-"] .right .contact-info .contact:last-child {
      margin-bottom: 0; }

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