@media all and (max-width: 800px) {

        #mtg_collection {
            position: relative;
            width: 100%;
            height: 100%;
            max-width: 1920px;
            margin-top: 70px;
        }

        /* FORMAT CARDS */

        * > .content_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 100%;
            100%;
            justify-content: center;
        }

        * > .popup {
            grid-template-columns: 350px;
            justify-content: center;
            align-items: center;
        }

        * > .content_cards_wrapper {
            position: relative;
            width: 100%;
            text-align: left;
        }

        * > .card_image_wrapper {
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: 150px;
            height: 210px;
            z-index: 2;
            transition: transform 1s;
            transform-style: preserve-3d;
            margin-bottom: 5px;
        }

        * > .card_image {
            position: absolute;
            height: 100%;
            width: 100%;
            backface-visibility: hidden;
        }

        * > .card_image_wrapper img {
            width: 100%;
            height: 100%;
            border-radius: 4%;
        }

        * > .card_transform_wrapper {
            z-index: 20;
            position: absolute;
            display: inline-block;
            width: 50%;
            height: 30px;
            bottom: 8%;
            right: 25%;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        * > .card_transform_wrapper img {
            display: inline-block;
            width: 25px;
            height: 25px;
            opacity: 0.3;
            padding-left: 5px;
        }

        * > .card_transform_wrapper img:hover {
            opacity: 1.0;
            cursor: pointer;
        }

        * > .legality_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(130px, 130px));
            grid-gap: 1em;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .legality_box {
            width: 100%;
            height: 26px;
            padding: 2px;
            color: #ffffff;
            font-size: 14px;
            text-shadow: 1px  1px 1px black;
            text-align: center;
            border: 1px solid #2d3642;
            border-radius: 5px;
            box-sizing: border-box;
        }

        .legal {
            background: #328c1e;
        }

        .banned {
            background: #b82020;
        }

        .not_legal {
            background: grey;
        }

        * > .content_line {
            position: relative;
            display: inline-block;
            vertical-align: top;
            top: 0;
            width: 100%;
            font-size: 14px;
            padding: 5px;
            box-sizing: border-box;
            text-align: justify-all;
        }

        * > .content_line_block {
            position: relative;
            display: inline-block;
            vertical-align: top;
            top: 0;
            width: 100%;
            margin-left: 4px;
            margin-bottom: 5px;
            font-size: 14px;
            border: 1px solid rgba(45, 54, 66, 0.0) ;
            padding: 2px;
            box-sizing: border-box;
        }

        * > .content_line_block img {
            display: inline-block;
            width: 15px;
            height: 15px;
        }

        * > .content_line_block select {
            font-size: 14px;
            color: #000000;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
        }

        * > .content_card_oracle {
            width: 100%;
            border-top: 1px solid rgba(45, 54, 66, 0.5) ;
            padding: 5px;
            box-sizing: border-box;
            font-size: 14px;
        }

        * > .content_card_oracle img {
            display: inline-block;
            width: 15px;
            height: 15px;
        }

        * > .content_card_oracle br {
            margin-bottom: 5px;
        }

        * > .card_collection_infos {
            position: relative;
            display: inline-block;
            width: 100%;
            padding: 5px;
            left: 0px;
            top: 0px;
        }

        * > .card_collection_infos > .left {
            position: relative;
            display:  inline-block;
            margin-bottom: 5px;
            vertical-align: top;
            width: 30%;
            font-size: 16px;
            font-weight: bold;
        }

        * > .card_collection_infos > .right {
            position: relative;
            display:  inline-block;
            margin-bottom: 5px;
            vertical-align: top;
            width: 65%;
            font-size: 16px;
        }

        * > .card_collection_infos > .right > select {
            font-size: 14px;
            color: #000000;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
        }

        * > .card_collection_infos > .right img {
            width: 16px;
            height: 16px;
        }

        * > .card_collection_infos > .right_count {
            position: relative;
            display:  inline-block;
            margin-bottom: 5px;
            vertical-align: top;
            width: 60%;
            font-size: 16px;
        }

        * > .link {
            text-decoration: none;
            color: #000000;
            transition: 0.5s;
        }

        * > .link:hover {
            cursor: pointer;
            text-decoration: none;
            color: #ffffff;
            transition: 0.5s;
        }

        * > .add_delete {
            position: absolute;
            right: 0px;
            top: 2px;
        }

        * > .add_delete img {
            width: 25px;
            height: 25px;
            margin-left: 5px;
            cursor: pointer;
        }

        * > .single_bigbox_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 80%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            justify-content: center;
        }

        * > .sets_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 80%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .set_image {
            float: left;
            width: 100px;
            height: 100px;
            margin-right: 5px;
            border: 1px solid #000000;
            box-sizing: border-box;
            background: #aaaaaa;
            vertical-align: top;
        }

        * > .small {
            width: 60px;
            height: 60px;
        }

        * > .set:hover {
            cursor: pointer;
            background: red;
            background: #bbbbbb;
        }

        * > .set_infos {
            padding-top: 25px;
            height: 100px;
            box-sizing: border-box;
            font-weight: bold;
        }

        * > .box {
            position: relative;
            width: 100%;
            border: 1px solid #2d3642;
            background: #dddddd;
            text-align: left;
            padding: 5px;
            box-sizing: border-box;
            vertical-align: top;
        }

        * > .password_change {
            width: 100%;
            text-align: center;
        }

        * > .password_change input {
            position: relative;
            width: 50%;
            margin-bottom: 20px;
            margin-top: 5px;
            outline: 1;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 15px;
            box-sizing: border-box;
            font-size: 12px;
        }

        * > .password_change button {
            width: 50%;
        }

        * > .single_set {
            text-align: center;
            font-size: 16px;
            align-items: center;
            justify-content: center;
        }

        * > .box::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -1px;
            width: 100%;
            height: 5px;
            background: #5a646b;
            border: 1px solid #2d3642;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        * > .box::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: -1px;
            width: 100%;
            height: 5px;
            background: #5a646b;
            border: 1px solid #2d3642;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        * > .box > .title {
            background: #85949e;
            color: #ffffff;
            text-shadow: 1px  1px 1px black;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            box-sizing: border-box;
            border-bottom: 1px solid #2d3642;
            padding: 5px;
            margin-left: -5px;
            margin-right: -5px;
            margin-bottom: 5px;
            margin-top: -5px;
        }

        * > .login_wrapper {
            position: relative;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            text-align: center;
            justify-content: center;
        }

        * > .login_wrapper p {
            position: absolute;
            display: block;
            top: 40%;
            left: 50px;
            width: 200px;
            padding: 10%;
            font-size: 16px;
            color: #000000;
            text-shadow: 1px  1px 1px #ffffff;
            font-size: 24px;
            font-weight: bold;
            text-align: left;
            background: #dddddd;
            border: 1px solid #2d3642;
            border-radius: 10px;
            box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.5);
        }

        * > .login_wrapper p > .page_title {
            position: absolute;
            top: 10%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
            color: #ffffff;
            font-size: 32px;
            font-weight: bold;
            text-align: left;
            text-shadow: 1px  1px 1px #000000;
        }

        * > .login_wrapper input {
            position: relative;
            width: 100%;
            margin-bottom: 20px;
            margin-top: 5px;
            outline: 1;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 15px;
            box-sizing: border-box;
            font-size: 12px;
        }

        * > button {
            width: 100%;
            margin-top: 5px;
            font-size: 14px;
            font-weight: bold;
            text-shadow: 1px  1px 1px #000000;
            outline: 0;
            background: #5a646b;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 15px;
            color: #FFFFFF;
            cursor: pointer;
            transition: 0.5s;
        }

        * > button:hover, button:active, button:focus {
            background: #aaaaaa;
            transition: 0.5s;
        }

        * > .first_line {
            grid-area: first_line;
        }

        * > .last_page {
            grid-area: last_page;
        }

        * > .next_page {
            grid-area: next_page;
        }

        * > .page_select_wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: auto;
            grid-template-areas:
                "first_line first_line"
                "last_page next_page";
            width: 100%;
            height: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
            background: #dddddd;
            border-top: 1px solid #2d3642;
            border-bottom: 1px solid #2d3642;
        }

        * > .page_select {
            width: 100%;
            padding: 2px;
            color: #000000;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            box-sizing: border-box;
        }

        * > .page_select select {
            font-size: 14px;
            text-align: center;
            color: #000000;
            width: 40%;
            border: 1px solid #2d3642;
            border-radius: 4px;
        }

        * > .decks_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 80%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .deck_list {
            position: relative;
            display: grid;
            grid-template-columns: 80% 20%;
            grid-auto-rows: auto;
            width: 100%;
            color: #000000;
            font-size: 16px;
            padding: 1px;
            padding-top: 2px;
            border-bottom: 1px solid rgba(0, 0, 0, .2);
            transition: 0.5s ease-in-out;
            align-items: center;
            justify-content: center;
        }

        * > .deck_list:last-child {
            border-bottom: 0px;
        }

        * > .deck_list:hover {
            background: #aaaaaa;
            transition: 0.5s ease-in-out;
            cursor: pointer;
        }

        * > .deck_list > * img {
            width: 18px;
            height: auto;
        }

        * > .deck_list > #action {
            text-align: right;
        }

        * > .popup_layer {
            visibility: hidden;
            position:   relative;
            z-index:    900;
            top:        0px;
            left:       0px;
            height:     100%;
            width:      100%;
            background: rgba(197,204,211, 0.5);
        }

        * > .dialogbox_wrapper {
            z-index:    901;
            opacity: 0;
            display: grid;
            grid-template-columns: 500px;
            grid-gap: 2em;
            width: 80%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
            align-items: center;
        }

        * > .buttons {
            display: grid;
            grid-template-columns: 200px 200px;
            grid-gap: 2em;
            width: 100%;
            justify-content: center;
            align-items: center;
        }


        /* Customize the label (the container) */
        .container {
            display: inline-block;
            position: relative;
            padding-left: 25px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 14px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
        }

        /* Hide the browser's default checkbox */
        .container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */
        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 18px;
            width: 18px;
            border: 1px solid #2d3642;
            border-radius: 4px;
            background: #fff;
        }

        /* On mouse-over, add a grey background color */
        .container:hover input ~ .checkmark {
           background-color: #aaaaaa;
        }

        /* When the checkbox is checked, add a blue background */
        .container input:checked ~ .checkmark {
           background-color: #5a646b;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .container input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .container .checkmark:after {
            left: 5px;
            top: 1px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }





        /* Create a custom radio button */
        .checkmark_radio {
          position: absolute;
          top: 0;
          left: 0;
          height: 18px;
          width: 18px;
          background: #fff;
          border: 1px solid #2d3642;
          border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .container:hover input ~ .checkmark_radio {
           background-color: #aaaaaa;
        }

        /* When the radio button is checked, add a blue background */
        .container input:checked ~ .checkmark_radio {
           background-color: #5a646b;
        }

        /* Create the indicator (the dot/circle - hidden when not checked) */
        .checkmark_radio:after {
          content: "";
          position: absolute;
          display: none;
        }

        /* Show the indicator (dot/circle) when checked */
        .container input:checked ~ .checkmark_radio:after {
          display: block;
        }

        /* Style the indicator (dot/circle) */
        .container .checkmark_radio:after {
         	top: 5px;
        	left: 5px;
        	width: 8px;
        	height: 8px;
        	border-radius: 50%;
        	background: white;
        }

        * > .deck_create {
            display: grid;
            grid-template-columns: 30% 70%;
            grid-template-rows: auto;
            grid-template-areas:
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "create_button create_button";
            grid-row-gap: 10px;
            width: 100%;
            font-size: 14px;
        }

        * > .deck_create > * img, * > .advanced > * img {
            width: 18px;
            height: auto;
        }

        * > .deck_create > * input[type=text], * > .advanced > * input[type=text] {
            position: relative;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 5px;
            box-sizing: border-box;
            font-size: 14px;
        }

        * > .deck_create > * select {
            font-size: 14px;
            color: #000000;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 5px;
        }

        * > .deck_create > * textarea {
              outline: 1;
              width: 100%;
              border: 1px solid #2d3642;
              border-radius: 4px;
              margin: 0 0 5px;
              padding: 10px;
              box-sizing: border-box;
              resize: none;
              font-size: 14px;
        }

        * > .create_button {
            grid-area: create_button;
            width: 50%;
            padding: 10px;
            justify-self: center;
        }

        * > .syntax_guide > lu > li {
            padding-left: 5px;
            padding-bottom: 5px;
            margin-left: 17px;
        }

        * > .sort_line {
            grid-area: sort_line;
            justify-self: center;
            font-weight: bold;
        }

        * > .sort_by {
            grid-area: sort_by;
            justify-self: center;
        }

        * > .sort_type {
            grid-area: sort_type;
            justify-self: center;
        }

        * > .sort_button {
            grid-area: sort_button;
            width: 50%;
            justify-self: center;
            padding: 5px;
        }

        * > .sorting_wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: auto;
            grid-template-areas:
                "sort_line sort_line"
                "sort_by sort_type"
                "sort_button sort_button";
            grid-row-gap: 5px;
            width: 100%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
            justify-content: center;
            background: #dddddd;
            border-top: 1px solid #2d3642;
            border-bottom: 1px solid #2d3642;
        }

        * > .sorting_wrapper select, * > .cardsearch_wrapper select, * > .deck_information > * select, * > .deck_versions > * select {
            font-size: 14px;
            text-align: center;
            color: #000000;
            width: 60%;
            border: 1px solid #2d3642;
            border-radius: 4px;
        }

        * > .decks_show_header_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 80%;
            height: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .deck_header {
            width: 350px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        * > .chart-container {
            position: relative;
            display: inline-block;
            height: 100%;
            width: 100%;
        }

        * > .deck_format {
            grid-area: deck_format;
        }

        * > .deck_color {
            grid-area: deck_color;
        }

        * > .deck_q_cards {
            grid-area: deck_q_cards;
        }

        * > .deck_group {
            grid-area: deck_group;
        }

        * > .deck_btn_edit {
            grid-area: deck_btn_edit;
            width: 50%;
            justify-self: center;
        }

        * > .deck_btn_delete {
            grid-area: deck_btn_delete;
            width: 50%;
            justify-self: center;
        }

        * > .deck_information {
            display: grid;
            grid-template-columns: 50% 50%;
            grid-template-rows: auto;
            grid-template-areas:
                "deck_btn_edit deck_btn_delete"
                "deck_format deck_format"
                "deck_color deck_color"
                "deck_q_cards deck_q_cards"
                "deck_group deck_group";
            grid-gap: 10px;
            width: 100%;
            font-size: 14px;
            justify-content: center;
            text-align: center;
        }

        * > .deck_information > * img {
            width: 18px;
            height: auto;
        }

        * > .content_splitter {
            width: 100%;
            height: 15px;
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
            background: #dddddd;
            border-top: 1px solid #2d3642;
            border-bottom: 1px solid #2d3642;
        }

        * > .decklist_type_wrapper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 350px));
            grid-gap: 2em;
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .commander_image {
            width: 100%;
            height: auto;
            border-radius: 4%;
        }

        * > .decks_list_wrapper {
            display: grid;
            grid-template-columns: 10% 74% 8% 8%;
            grid-row-gap: 5px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            justify-content: center;
        }

        * > .decks_list_wrapper > * img {
            width: 18px;
            height: auto;
            cursor: pointer;
        }

        * > .decks_list_wrapper > .card_quant::after {
            content: 'x';
        }

        * > .card_name {
            position: relative;
            transition: 0.5s;
        }

        * > .card_name:hover {
            color: #ffffff;
            transition: 0.5s;
            cursor: pointer;
        }

        * > .proxy {
            color: grey;
        }

        .image-wrapper {
            position: absolute;
            transform: translate(-50%, -50%);
            opacity: 1;
            width: 250px;
            height: 350px;
            background: #ffffff;
            border: 1px solid #2d3642;
            border-radius: 10px;
            text-align: center;
            z-index: 10;
        }
        .image-wrapper img {
            width: 95%;
            height: 95%;
            border-radius: 10px;
            margin-top: 10px;
        }
        .image-wrapper.fade-out {
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        * > .popup_close {
            position: absolute;
            right: -15px;
            top: -20px;
            z-index: 20;
        }

        * > .popup_close img {
            width: 30px;
            height: auto;
            cursor: pointer;
        }

        * > .cardsearch_wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-rows: auto;
            grid-template-areas:
                "card_input card_input"
                "sort_line sort_line"
                "sort_by sort_type"
                "sort_button sort_button";
            grid-row-gap: 5px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
            justify-content: center;
        }


        * > .card_input {
            grid-area: card_input;
            justify-self: center;
            position: relative;
            width: 50%;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 5px;
            box-sizing: border-box;
            font-size: 14px;
        }

        * > .searchtitle {
            grid-area: searchtitle;
            justify-self: center;
        }

        * > #slide_down_up_img {
            position: absolute;
            top: 1px;
            right: 5px;
            width: 35px;
            height: auto;
            transform: rotate(180deg);
        }

        .sorting_area {
            grid-area: sorting_area;
            border-top: 0px solid #2d3642;
            border-bottom: 0px solid #2d3642;
        }

        * > .advanced {
            display: grid;
            grid-template-columns: 35% 65%;
            grid-template-rows: auto;
            grid-template-areas:
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "left_side right_side"
                "sorting_area sorting_area";
            grid-row-gap: 10px;
            width: 100%;
            font-size: 14px;
        }

        * > .search_special {
            display: grid;
            grid-template-columns: 19% 80%;
            grid-template-rows: auto;
            grid-column-gap: 5px;
            width: 100%;
            font-size: 14px;
        }

        * > .search_special select {
            font-size: 14px;
            color: #000000;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
            padding: 5px;
        }

        * > select[multiple] {
            font-size: 14px;
            color: #000000;
            width: 100%;
            border: 1px solid #2d3642;
            border-radius: 4px;
        }



        * > .active_version {
            grid-area: active_version;
        }

        * > .all_versions {
            grid-area: all_versions;
        }

        * > .version_btn_show {
            grid-area: version_btn_show;
            width: 90%;
            height: 100%;
            justify-self: center;
        }

        * > .version_btn_compare {
            grid-area: version_btn_compare;
            width: 90%;
            height: 100%;
            justify-self: center;
        }

        * > .version_btn_setnew {
            grid-area: version_btn_setnew;
            width: 90%;
            height: 100%;
            justify-self: center;
        }

        * > .version_btn_delete {
            grid-area: version_btn_delete;
            width: 90%;
            height: 100%;
            justify-self: center;
        }

        * > .version_btn_cardcollectionfinder {
          grid-area: version_btn_cardcollectionfinder;
          width: 90%;
          height: 100%;
          justify-self: center;
        }
      
        * > .version_btn_deckproxies {
          grid-area: version_btn_deckproxies;
          width: 90%;
          height: 100%;
          justify-self: center;
        }

        * > .deck_versions {
            display: grid;
            grid-template-columns: 49% 49%;
            grid-template-rows: auto;
            grid-template-areas:
                "active_version active_version"
                "all_versions all_versions"
                "version_btn_show version_btn_compare"
                "version_btn_setnew version_btn_delete"
                "version_btn_cardcollectionfinder version_btn_deckproxies";
            grid-gap: 10px;
            width: 100%;
            font-size: 14px;
            justify-content: center;
            text-align: center;
        }


}
    /* END GENEREL FORMAT CARDS ------------------------------------------------------------------------------------- */