/**
     * Content
     */

    body {
        background-color: #fff;
        color: rgba(255, 255, 255, 0.85);
    }

    a:active {
        opacity: 0.7;
    }

    .page a.active {
        color: rgba(0, 0, 0, 0.85);
    }

    i,
    em {
        font-style: italic;

    }

    b,
    strong {
        font-weight: bold;
    }

    sub,
    sup {
        position: relative;
        vertical-align: baseline;
    }

    sub {
        top: 0.3em;
    }

    sup {
        top: -0.4em;
    }

    s {
        text-decoration: line-through;
    }

    img {
        border: 0;
        padding: 0;
    }

    ul,
    ol {
        margin: 0;
        padding: 0 0 0 2rem;
    }

    blockquote {
        margin: 0;
        padding: 0 0 0 2em;
    }

    hr {
        background: rgb(180, 180, 185);
        border: 0;
        height: 1.4px;
        display: block;
    }

    .content img {
        float: none;
        margin-bottom: 0rem;
        vertical-align: bottom;
    }

	.gallery_card {
     	position: relative;
  		text-align: center;
        display: flex;
        overflow: hidden;
        transition: all .6s ease-in-out;
        
}
    .gallery_image_caption {
        margin-top:0.2rem;
        padding: 100%;
        font-size: 3.2rem;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-family:"Sorts Mill Goudy", Icons;
        font-style: italic;
        line-height: 1.1;
    	text-align: center;
    	letter-spacing: .1rem;
        position: absolute;
  		top: 50%;
  		left: 50%;
 		transform: translate(-50%, -50%);
        transition: all .6s ease-in-out;
        opacity: 0;
        display: inline-block;
    	background-color:  rgba(255, 255, 255, .25);
    	text-shadow: .5px .5px 2px rgba(0, 0, 0, 0.1);
	}


	.gallery_card_image {
		align-content: center;
        position: absolute;
        transition: all .6s ease-in-out;
	}


	.gallery_image_caption:hover {
 	   opacity: 1;
	   z-index: 9;
	}



    /**
     * Loading Animation
     */

    .loading[data-loading] {
        position: fixed;
        bottom: 8px; 
        left: 8px;
    }

    /**
     * Editor styles
     */

    [data-predefined-style="true"] bodycopy {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1.45;
        font-family: commuters-sans, sans-serif, icons;
        font-weight: 400;
        font-style: normal; 
        color: rgba(0, 0, 0, 1);
        letter-spacing: 0.05em;
    }

    [data-predefined-style="true"] bodycopy a {
        color: rgba(255, 255, 255, 1);
        padding-bottom: 0.1em;
        border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
        text-decoration: none;
    }

    [data-predefined-style="true"] bodycopy a:hover {

    }

    bodycopy a.image-link,
    bodycopy a.icon-link,
    bodycopy a.image-link:hover,
    bodycopy a.icon-link:hover {
        border-bottom: 0;
        padding-bottom: 0;
    }

    [data-predefined-style="true"] h1 {
        font-family: "Optician Sans", Icons;
        font-style: normal;
        font-weight: 400;
        padding: 0;
        margin: 0;
        font-size: 1.8rem;
        line-height: 1;
        color: rgba(255, 255, 255, 0.85);
        }

    [data-predefined-style="true"] h1 a {
        color: rgba(255, 255, 255, 0.85);
    }

    [data-predefined-style="true"] h2 {
        font-family: "Sorts Mill Goudy", Icons;
        font-style: normal;
        font-weight: 400;
        padding: 0;
        margin: 0;
        color: rgba(255, 255, 255, 1);
        font-size: 2.9rem;
            line-height: 1;

    }

    [data-predefined-style="true"] h2 a {
        color: rgb(255, 255, 255);


    }

    [data-predefined-style="true"] small {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.45;
        font-family: commuters-sans, sans-serif, icons;
        font-weight: 600;
        font-style: normal; 
        color: rgba(255, 255, 255, 1);
        letter-spacing: 0.06em;
    }

    [data-predefined-style="true"] small a {
        color: rgba(255, 255, 255, 1);
        border-bottom-width: 0em;
    }

    /**
     * Breakpoints
     */

    [data-css-preset] .page {
        background-color: initial /*!page_bgcolor*/;
    }

    .mobile .page,
    [data-css-preset].mobile .page {
        position: relative;
        min-height: 10px;
        max-width: 100%;
        width: 100%;
        background-color: transparent /*!page_bgcolor*/;
    }

    [data-css-preset] .container {
        margin-left: auto /*!content_center*/;
        margin-right: auto /*!content_center*/;
        text-align: left /*!text_left*/;
    }

    [data-css-preset] body {
        background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
    }

    [data-css-preset] .container_width {
        width: 100% /*!content_center*/;
    }

    [data-css-preset] .content_padding {
        padding-top: 3rem /*!main_margin*/;
        padding-bottom: 3rem /*!main_margin*/;
        padding-left: 3rem /*!main_margin*/;
        padding-right: 3rem /*!main_margin*/;
    }


    [data-css-preset] text-limit {
        display: inline-block /*!text_width*/;
        max-width: 66rem/*!text_width*/;
    }

    /**
     * Thumbnails
     */

    div[thumbnails] {


    }

    [data-css-preset] .thumbnails {
        background-color: transparent/*!thumbnails_bgcolor*/;

    }

    [data-css-preset] .thumbnails_width {
        width: 100%/*!thumbnails_width*/;


 
    }

    [data-css-preset] [thumbnails-pad] {
        padding: 2.5rem/*!thumbnails_padding*/;
    }

    [data-css-preset] [thumbnails-gutter] {
        margin-top: -0.5rem/*!thumbnails_padding*/;
    	margin-bottom: -4rem;
    	margin-left: -0.5rem;
		margin-right: -0.5rem;
    }

    [data-css-preset] [responsive-layout] [thumbnails-pad] {
        padding: 0.5rem/*!responsive_thumbnails_padding*/; 
    }

    [data-css-preset] [responsive-layout] [thumbnails-gutter] {
        margin: -1rem/*!responsive_thumbnails_padding*/; 
    }

    .thumbnails .thumb_image {
        outline: 0px solid rgba(0,0,0,.12);
        outline-offset: -1px;
        transition: all .6s ease-in-out;
    }

    .thumbnails .title {
        margin-top: .8rem;
        margin-bottom: .1rem;
        font-size: 2.9rem;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-family:"Sorts Mill Goudy", Icons;
        font-style: italic;
        line-height: 1.1;
    	text-align: center;
    	letter-spacing: .1rem;
    }



    .thumbnails .tags {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-style: normal;
        line-height: 1.3;
    }

    .thumbnails .tags a {
        border-bottom: 0;
        color: rgba(255, 255, 255, 1);
        text-decoration: none;
    }

    .thumbnails .has_title .tags {
        margin-top: 0rem;
    }

/*!thumbnail_hover*/
.thumbnails .thumbnail > a {
    position: relative;

}

.thumbnails .thumbnail .title {
    background-color: rgba(0, 0, 0, .25);
    padding: 0.5rem 1.2rem 0.7rem 1.2rem;
    margin: 0rem;
    color: rgba(255, 255, 255, 1);
    align-content: center;
    display: flex;
    position: absolute;
    left: 0rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 9;
    opacity: 0;
    transition: all .6s ease-in-out;
    
}

.thumbnails .title span {
    margin: auto;
    display: inline-block;
}

.thumbnails .thumbnail:hover .title {
    opacity: 1;
    transform: scale(0.95);

}

.thumbnails .thumbnail:hover .thumb_image {
    opacity: 1;
    transform: scale(0.95);

}

body.mobile .thumbnails .thumbnail:hover .title {
    opacity: 0;
}



    /**
     * Site Menu
     */

    [data-css-preset] #site_menu_button {
        color: rgba(0, 0, 0, .20);
        line-height: 1;
        font-size: 2rem /*!site_menu_button*/;
        line-height: 1;
        background: rgba(0, 0, 0, 0);
        position: fixed;
        top: 3rem /*!site_menu_button*/;
		right: 3rem /*!site_menu_button*/;
    }

    body.mobile #site_menu_button {
    	margin: -2px;
        font-size: 2rem;
    }

    #site_menu_button.custom_icon {
        width: 40px;
        height: auto;
    }

    #site_menu_button.active {
    	display: inline;
    	line-height: 1;
        font-size: 28px /*!site_menu_button*/;
        padding: -28px;
        line-height: 1;
        background: rgba(0, 0, 0, 0);
        position: fixed;
        top: 3rem /*!site_menu_button*/;
		right: 3rem /*!site_menu_button*/;
    	color: rgba(255, 255, 255, 1);
        rotation: 90deg;
    }

    /**
     * Site Menu
     */

    #site_menu {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
        background: rgba(20, 20, 20, 0.95);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        padding: 20px 30px 90px 30px;
        max-width: 400px;
        min-width: 300px;
        text-align: left;
        display: flex;
        justify-content: flex-start;
    }

    body.mobile #site_menu {
        width: 100%;
    }

    #site_menu .page-link a {
        color: rgba(255, 255, 255, 0.75);
    }

    #site_menu .set-link > a {
        color: rgba(255, 255, 255, 0.75);
        font-weight: bold;
    }

    #site_menu a:active {
        opacity: .7;
    }

    #site_menu a.active {
        opacity: .4;
    }

    #site_menu .close {
        color: rgba(255, 255, 255, 1);
        line-height: .85em;
        font-size: 45px;
    }

    body.mobile #site_menu .close {
    	line-height: 1;
        font-size: 2rem /*!site_menu_button*/;
        line-height: 1;
        background: rgba(0, 0, 0, 0);
        position: fixed;
        top: 3rem /*!site_menu_button*/;
		right: 3rem /*!site_menu_button*/;
    	color: rgba(255, 255, 255, 1);
        rotation: 90deg;
    }

    #site_menu .break {
        height: 28px;
    }

    #site_menu .indent {
        margin-left: 28px;
    }

    /**
     * Shop Button
     */

    [data-css-preset] #shop_button {
        color: rgba(255, 255, 255, 0.85);
        background: transparent;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.;
        position: fixed;
        padding: 6px;
        top: 2.5rem /*!shop_button*/;
        right: 3rem /*!shop_button*/;
    }

    #shop_button.text {
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-size: 2rem;
        padding: 0;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        font-style: normal;
        line-height: 1.2;
    }

    #shop_button.custom_icon {
        width: 40px;
        height: auto;
    }

    body.mobile #shop_button:not(.text) {
        margin: -6px;
        font-size: 36px;
    }

    /**
     * Shop Product Widget
     */

    .shop_product {
        width: 100%;
        max-width: 22rem;
        position: relative;
        display: block;
    }

    .shop_product .price {
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-size: 2.2rem;
        line-height: 1;
        color: rgba(255, 255, 255, 1);
        display: block;
        margin-bottom: 1rem;
        font-style: normal;
        font-weight: 400;
    }

    .shop_product .dropdown {
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-size: 2.2rem;
        display: inline-block;
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.6);
        background:  #fff url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
        margin-bottom: 1rem;
        line-height: 1.4;
        padding: .3rem 1.2rem .7rem;
        font-style: normal;
        font-weight: 400;
    }

    .shop_product .button {
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-size: 2.2rem;
        background: rgba(0, 0, 0, 0.7);
        color: rgba(255,255,255,1);
        flex: 0 0 50%;
        text-align: left;
        display: inline-block;
        line-height: 1.4;
        padding: .5rem 1.3rem .7rem;
        font-style: normal;
        font-weight: 400;
    }

    /**
     * Image Zoom
     */

    .content img.image-zoom:active {
      opacity: .85;
    }

    /**
     * Quick View
     */

    [data-css-preset] .quick-view {
        padding-top: 2.5rem /*!quick_view_padding*/;
        padding-bottom: 2.5rem /*!quick_view_padding*/;
        padding-left: 2.5rem /*!quick_view_padding*/;
        padding-right: 2.5rem /*!quick_view_padding*/;
        height: 100% /*!quick_view_height*/;
        width: 100% /*!quick_view_width*/;
    }

    body.mobile .quick-view {
        width: 100%;
        height: 100%;
        margin: 0;
    }


    [data-css-preset] .quick-view-background {
        background: rgba(255, 255, 255, 0.9) /*!quick_view_bgcolor*/;
    }

    .quick-view-caption {
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
        transition: 100ms opacity ease-in-out;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 2rem 0;
        text-align: center;
        font-size: 1.8rem;
    }

    .quick-view-caption span {
        padding: 0.5rem 1rem;
        display: inline-block;
        background: rgba(0,0,0,0.4);
        color: white;
    }

    /**
     * Quick View Navigation 
     */

    .quick-view-navigation .left-arrow {
        left: 10px;
    }

    .quick-view-navigation .right-arrow {
        right: 10px;
    }

    .quick-view-navigation .left-arrow,
    .quick-view-navigation .right-arrow {
        /* Change height/width together to scale */
        height: 10vh;
        width: 10vh;
        padding-left: 5vh;
    }

    .quick-view-navigation .left-arrow .inner-color,
    .quick-view-navigation .right-arrow .inner-color {
        stroke: #dcdcdc;
        stroke-width: 1.5px;
    }

    .quick-view-navigation .left-arrow .outer-color,
    .quick-view-navigation .right-arrow .outer-color {
        stroke: #dcdcdc;
        stroke-width: 2.5px;
        opacity: 0.6;
    }

    .quick-view-navigation .close-button {  
        top: 10px;
        right: 10px;
        /* Change height/width together to scale */
        width: 36px;
        height: 36px;
    }

    .quick-view-navigation .close-button .inner-color {
        stroke: #dcdcdc;
        stroke-width: 1.5px;
    }

    .quick-view-navigation .close-button .outer-color {
        stroke: #dcdcdc;
        stroke-width: 2.5px;
        opacity: 0.6;
    }

    /** 
     * Image Gallery Navigation Arrows 
     */

    .image-gallery-navigation .left-arrow,
    .image-gallery-navigation .right-arrow {
        /* Change height/width together to scale */
        height: 36px;
        width: 36px;
       
    }

    .image-gallery-navigation .left-arrow .inner-color,
    .image-gallery-navigation .right-arrow .inner-color {
        stroke: rgba(255, 255, 255, .7);
        stroke-width: 1.5px;
    }

    .image-gallery-navigation .left-arrow .outer-color,
    .image-gallery-navigation .right-arrow .outer-color {
        stroke: rgba(255, 255, 255, .7);
        stroke-width: 2.5px;
        opacity: 0;
    }

    /**
     * Wallpaper Backdrop Navigation Arrows 
     */

    .wallpaper-navigation .left-arrow,
    .wallpaper-navigation .right-arrow {
       /* Change height/width together to scale */
       width: 24vh;
       height: 24vh;
		padding-left: 15vh;
    }

    .wallpaper-navigation .left-arrow .inner-color,
    .wallpaper-navigation .right-arrow .inner-color {
       stroke: #dcdcdc;
        stroke-width: 1.5px;
   
    }

    .wallpaper-navigation .left-arrow .outer-color,
    .wallpaper-navigation .right-arrow .outer-color {
        stroke: #dcdcdc;
        stroke-width: 1px;
        
    }

    /**
     * Feed
     */

    .feed .content_container .page {
        border-top: 0px dashed rgba(0, 0, 0, 0.2);
    }

    .feed .content_container .page_container:first-child .page {
        border-top: 0;
    }

    /**
     * Audio Player
     */

    .audio-player {
        display: flex !important;
        max-width: 100%;
        height: 4rem;
        border-top: 1px solid rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, 1);
        background: rgba(0, 0, 0, 0);
        font-size: 1.6rem;
        line-height: 1.3;
        font-family: "TeX Gyre Heros Condensed", Icons;
        font-style: normal;
        font-weight: 400;
        text-align: left;
        margin: 0;
        padding-left: 1rem;
        text-transform: uppercase;
        width: 100% !important;
    }

    body.mobile .audio-player {
        max-width: 100%;
    }

    .audio-player .separator {
        width: 1px;
        background-color: rgba(255, 255, 255, 1);
    }

    .audio-player .button {
        background: transparent;
        cursor: pointer;
        fill: rgba(0, 0, 0, 0.85);
        margin-right: 1rem;
    }

    .audio-player .icon {
        fill: rgba(255, 255, 255, 0.85);
        padding: 30%;
        width: 100%;
        margin: auto;
    }

    .audio-player .buffer {
        background: rgba(0, 0, 0, 0.10);
    }

    .audio-player .progress {
        background: rgba(0, 0, 0, 0.2);
    }

    .audio-player .progress-indicator {
        border: 1px solid rgba(0, 0, 0, 1);
        width: 1px;
        height: 100%;
        right: 0;
        position: absolute;
        cursor: ew-resize;
    }

    .audio-player .note-icon {
        height: 100%;
        width: 3.8rem;
        padding: 1rem;
        fill: rgba(0, 0, 0, 0);
    }

    .audio-player .current-time {
        padding-left: 1rem;
    }

    .audio-player .total-time {
        padding-right: 4rem;
    }

    /**
     * image on hover
     */

    .hover-title {
        display: inline;
        pointer-events: auto;
        cursor: pointer;
    }

    .hover-image {
        visibility: hidden;
    }

    body:not(.mobile) .hover-title:hover + .hover-image {
        visibility: visible;
        pointer-events: none;
    }

    .hover-image {
        display: flex;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        pointer-events: none;
        flex-direction: column;
		align-items: center;
        justify-content: center;
        opacity: 0.75;

    /* Change width and height to scale images */
        width: 90vw;
        height: 90vh;
    }

    .hover-image img {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        margin-bottom: 0;
    }

    /* CONTACT FORM (IMPORTED) */

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
        font-size: 0.8em;
    }

    input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.85);
        font-size: 0.8em;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
      color: rgba(255, 255, 255, 0.85);
        font-size: 0.8em;
    }

    input::placeholder, textarea::placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:focus::placeholder, textarea::focus:placeholder {
      color: rgba(255, 255, 255, 0.85);
        font-size: 0.8em;
    }

    input::-ms-placeholder, textarea::-ms-placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
      color: rgba(255, 255, 255, 0.85);
        font-size: 0.8em;
    }

    /* on hover placeholder */

    input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.25);
        font-size: 0.8em;
    }

    input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
      color: rgba(255, 255, 255, 0.25);
        font-size: 0.65em;
    }

    input:hover::placeholder, textarea:hover::placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:hover:focus::placeholder, textarea:hover:focus::placeholder {
      color: rgba(255, 255, 255, 0.25);
        font-size: 0.8em;
    }

    input:hover::placeholder, textarea:hover::placeholder {
      color: rgba(255, 255, 255, 0.85);
      font-size: 0.8em;
    }

    input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
      color: rgba(255, 255, 255, 0.25);
        font-size: 0.8em;
    }

    body {
      font-family: "Optician Sans", Icons;
      background: rgba(255, 255, 255, 0.85);
      color: rgba(255, 255, 255, 0.85);
        font-style: normal;
        font-weight: 400;
        font-size: 0.8em;
    }

    header {
      position: relative;
      margin: 100px 0 -20px 0 ;
      font-size: 3.5rem;
      text-align: center;
      letter-spacing: 3px;
      line-height: 1;
    }

    #form {
      position: relative;
      width: 500px;
      margin: 50px auto 100px auto;
    }

    input {
      font-family: "Optician Sans", Icons;
      font-size: 0.8em;
      width: 500px;
      height: 50px;
      padding: 0px 15px 0px 15px;

      background: transparent;
      outline: none;
      color: rgba(255, 255, 255, 0.85);

      border: solid 1px rgba(255, 255, 255, 0.85);
      border-bottom: none;

      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
        font-style: normal;
        font-weight: 400;
    }

    input:hover {
      background: rgba(255, 255, 255, 0.25);
      color: rgba(255, 255, 255, 0.85);

    }

    textarea {
      width: 500px;
      max-width: 500px;
      min-width: 500px;
      height: 200px;
      max-height: 300px;
      padding: 15px 15px 15px 15px;

      background: transparent;
      outline: none;

      color: rgba(255, 255, 255, 0.85);
      font-family: "Optician Sans", Icons;
      font-size: 0.8em;

      border: solid 1px rgba(255, 255, 255, 0.85);
       border-bottom: none;

      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
        font-style: normal;
        font-weight: 400;
    }

    textarea:hover {
      background: rgba(255, 255, 255, 0.25);
      color: rgba(255, 255, 255, 0.85);
    }

    #submit {
      width: 500px;

      padding: 0;
      margin: -100px 0px 0px 0px;

      font-family: "Optician Sans", Icons;
      font-size: 0.65em;
      color: rgba(255, 255, 255, 0.85);

      outline:none;
      cursor: pointer;

      border: solid 1px rgba(255, 255, 255, 0.85);

        font-style: normal;
        font-weight: 400;
    }

    #submit:hover {
      color: rgba(255, 255, 255, 0.25);
    }


    /* run text over multiple columns */
    .content_column {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
        grid-column-gap: 15%;
    }



    /**
     * run text over multiple columns
     */
    .content_column {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
        grid-column-gap: 15%;
    }


    /**
     * Footer Grid
     */
    .footer_grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}