body {
    font-family: Quicksand;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.vintage-collection2 {
    display: flex;
    background-image: url("https://light-mobile.pl/leathermobile/collections/christmas_banner1.jpg");
    background-size: cover;
    align-items: center;
    justify-content: left;
    height: 250px;
    width: 100%;
    margin-top: 10px;
	text-align: left;
	margin-bottom: 10px;
	
}

.vintage-collection2:hover {
    opacity: 0.8;
}

#vintage-collection-upper2 {
    display: flex;
    align-items: left;
    color: white;
    font-weight: 100;
    font-size: 38px;
	font-family: 'Courgette', cursive;
	
}

#vintage-collection-lower2 {
    display: flex;
    align-items: left;
    color: white;
    font-weight: 100;
    font-size: 44px;
	font-family: 'Lobster', cursive;
}

#vintage-collection-view2 {
    display: flex;
    
	text-align: right;
    color: white;
    font-weight: 100;
    font-size: 20px;
	font-family: 'Lobster', cursive;
	margin-top: 10px;
}

#vintage-bordered-text-container2 {
    display: flex;
    justify-content: left;
    align-items: left;
    width: 100%;
    
}

.panels-center{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px auto;
}


#t_377371{
	
	display: flex;
	margin: 0px auto;
	justify-content: center;
	align-items: center;
	
}

.cc{
	justify-content: center;
	align-items: center;
}



.text-shadow{
	text-shadow: 4px 3px 10px #000000;
}


.relative {
    position: relative;
}

article, aside, footer, header, nav, section {
    display: flex;
}

.footer
{
	justify-content: center;
	align-items: center;
}

header {
    text-align: center;
    justify-content: center;
}

h2 {
    margin: 0;
}
h3 {
    text-align: center;
}

hr {
    background-color: #A0A0A0;
    height: 1px;
    width: 100%;
    border: none;
    padding: 0;
}

p {
    margin: 5px;
}

a, a:hover {
    text-decoration: none;
}

ul {
    padding-left: 15px;
}

li {
    color: black;
    list-style: square;
    padding: 3px 0 3px 40px;

}

nav ul {
    text-align: center;
    margin: auto;
}

nav li {
    display: inline-flex;
    font-family: Arial;
    padding: 0 20px;
}

#logo-hidden{
	display: none;
	}
	

.navbar-black  img {
    margin-left: 20px;
    display: none;
}
.navbar-black p {
    color: white;
}

.navbar-black {
    display: inline-flex;
    /*align-items: center;*/
    justify-content: center;
    background-color: #3C3C3C;
    min-height: 50px;
    width: 100%;
}



.navbar-black a:hover {
    color: #E0D5C5;
}

.navbar-white {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
}

.navbar-white a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    height: 28px;
    min-width: 90px;
}

.navbar-white a:hover {
    color: white;
    background-color: #C8B59E;
}

.navbar-black a {
    color: #F5F5F5;
    font-weight: bold;
    font-size: 12px;
}
.navbar-white a {
    color: #A9A9A9;
    font-size: 11px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 85%;
}

.product-presentation {
    display: flex;
    flex-direction: row;
}

.product-presentation-gallery {
    display: flex;
    flex-direction: column;
    width: 40%;
	margin-top: 20px;
}

.thumbnails-container {
    display: flex;
    flex-direction: row;
    max-height: 360px;
    /*justify-content: space-around;*/
    /*margin: 0 3px;*/
    order: 2;

}

.gallery-big {
    display: flex;
    width: 100%;
    /*height: 100%;*/
    /*height: 300px;*/
}

.thumbnails-container-item, .thumbnails-container-item a img {
    display: flex;
    flex-direction: column;
    max-width: 60px;
    max-height: 60px;
}

.thumbnails-container-item {
    padding: 0 5px;
}

.big-picture img {
    display: flex;
    /*margin-left: 10px;*/
    max-width: 500px;
    width: 100%;
    height: 100%;
}

.product-presentation-description {
    display: flex;
    flex-direction: column;
    width: 60%;
    justify-content: center;
}

.order-column, .order-column > * {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.order-column > h1 {
    align-items: center;
}

.order-row {
    display: flex;
    flex-direction: row;
}
.order-row .brown-button {
    margin-right: 15px;
    margin-top: 10px;
}

.roboto-font {
    font-family: Roboto;
}

.slightly-shaded {
    color: #3C3C3C;
}

.slightly-shaded-more {
    color: #969696;
}

.col-40 {
    width: 40%;
}

.col-60 {
    width: 60%;
}


.col-50 {
    width: 50%;
}



.brown-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    min-width: 150px;
    padding: 15px 0;
    background-color: #C8B59E;
    color: white;
    font-family: Arial;
    }

.black-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5%;
    min-width: 200px;
    padding: 15px 0;
    color: white;
    background-color: #3C3C3C;
    font-family: Arial;
}

.description-block {
    padding-top: 35px;
    padding-bottom: 55px;
    font-size: 15px;
}
.description-block p {
    padding-left: 30px;
    padding-right: 30px;
    color: #3C3C3C;
    text-align: justify;
}

.description-block-heading {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.description-block-heading strong, .description-block-heading img {
    padding-left: 5px;
    padding-right: 5px;
}

.heading {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    margin-top: 30px;
    margin-bottom: 50px;
}
.heading strong {
    padding-left: 5px;
    padding-right: 5px;
}

.vintage-collection {
    display: flex;
    background: url("https://light-mobile.pl/leathermobile/collections/VINTAGE_BANNER.jpg");
    background-size: cover;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: 100%;
    margin-top: 35px;
}

.vintage-collection:hover {
    opacity: 0.8;
}

#vintage-collection-upper {
    display: flex;
    align-items: center;
    color: white;
    font-weight: 500;
    font-size: 53px;
}
#vintage-collection-lower {
    display: flex;
    align-items: center;
    color: white;
    font-weight: 300;
    font-size: 48px;
}

.other-collections {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.other-collections-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 5px 0;
}

.other-collections-row-item {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 500;
    font-size: 27px;
    width: 186px;
    height: 186px;
}

.other-collections-row-item:hover {
    opacity: 0.6;
}

.bordered-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    border: solid white 2px;
}

#vintage-bordered-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: solid white 2px;
}
.x-marker {
    margin: 35px;
}

#denim {
    background: url("https://light-mobile.pl/leathermobile/collections/MJEANS.jpg");
}
#nature {
    background: url("https://light-mobile.pl/leathermobile/collections/COMODO-BLACK.jpg");
}
#glamour {
    background: url("https://light-mobile.pl/leathermobile/collections/GLAMOUR2.jpg");
}
#pastel {
    background: url("https://light-mobile.pl/leathermobile/collections/PASTEL.jpg");
}
#embossed {
    background: url("https://light-mobile.pl/leathermobile/collections/EMBOSS.jpg");
}
#military {
    background: url("https://light-mobile.pl/leathermobile/collections/MILITARY.jpg");
}
#colorrss {
    background: url("https://light-mobile.pl/leathermobile/collections/PINK.jpg");
}
#two-tone {
    background: url("https://light-mobile.pl/leathermobile/collections/TWO-TONE.jpg");
}
#classic {
    background: url("https://light-mobile.pl/leathermobile/collections/CLASSIC2.jpg");
}

.gray-background {
    background: #F5F5F5;
}

#opis {
    margin-top: 40px;
    margin-bottom: 15px;
    font-size: 24px;
    color: #484848;
}

.cena {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: black;
    margin: 10px 0;
}

#cena {
    font-size: 29px;
    margin-right: 10px;
}


#logo img{
		width: 100%;
		
	}

#logo-hidden img{
	width: 100%;
		
}

.navbar-black-product-cat {
    display: none;
}

.icon-right {
    content: '';
    display: none;
    width: 0.5em;
    height: 0.5em;
    margin-left: 1.3em;
    border-top: 0.35em solid white;
    border-right: 0.35em solid white;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

.icon-menu {
    display:inline-block!important;
	position:relative;
	width:30px;
	height:calc(30px/2);
	background:rgba(0,0,0,0);
	border:none;
	border-top:calc(30px/6) solid #FFFFFF;
	border-bottom:calc(30px/6) solid #FFFFFF;
	box-sizing:content-box;
	margin-left: 1.3em;
	float: left;
}

.icon-menu:before {
	position:absolute;
	content:'';
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:30px;
	height:calc(30px/6);
	background-color:#FFFFFF;
	box-sizing:content-box;
	}

#ebay-menu, #product-menu {
    display: none;
}

/* Gallery */

#gallery-orientation {
    flex-direction: column;
}

.gallery-big {
    height: 500px;
    width: 500px;
    position: relative;
}

.thumbnails-container-item, .thumbnails-container-item a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 3px 0px;
    /* width: 40px;
     height: 40px;*/
}

.big-picture {
    display: flex;
    max-width: 500px;
    /*max-height: 280px;*/
    position: absolute;
    width: 100%;
    height: 100%;
    left: -5120px;

}
.big-picture img {
    /*margin-left: 20px;*/
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;

}
.big-picture:target  {
    position: absolute;
    /*margin-left: 60px;*/
    left: 0px;
}
#big-picture-1 {
    position: absolute;
    /*margin-left: 60px;*/
    left: 0px;
}

/* END Gallery */

.brown-button-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    background-color: #C8B59E;
    color: white;
    font-family: Arial;
    cursor: pointer;
    flex-basis: 100%;
    float: left;
    min-width: 110px;
    width: 12%;
}

#brown-button-1-position {
    background-color: #797064;
}

#brown-button-1-position:hover {
    opacity: 0.8;
}

#brown-button-2-position {
    margin-left: 5px;
    background-color: #a59583;
}

#brown-button-2-position:hover {
    opacity: 0.8;
}

#brown-button-3-position {
    margin-left: 5px;
    background-color: #C8B59E;
}

#brown-button-3-position:hover {
    opacity: 0.8;
}

.navbar-black2, .navbar-black3 {
    display: none;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #a59583;
    min-height: 50px;
    width: 100%;
}
.navbar-black2 {
    display: none;
    flex-direction: column;
}


/*.change-order-to-column {
    display: flex;
    flex-direction: column;
}*/



.focus {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
}

.default-hidden {
    display: none;
}

/*------------------------------------------
  Responsive Grid Media Queries - 1280, 1024, 768, 480
   1280-1024   - desktop (default grid)
   1024-768    - tablet landscape
   768-480     - tablet
   480-less    - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1280px) and (max-width: 4096px) {
	
	
	.mobile_collections{
	display: none;
	}
}


@media all and (min-width: 1024px) and (max-width: 1280px) {
	
	
	.mobile_collections{
	display: none;
}
	
    .wrapper {
        width: 90%;
    }
    /* Gallery */

    .gallery-big {
        height: 450px;
        width: 450px;
        position: relative;
    }

    .thumbnails-container-item, .thumbnails-container-item a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 3px 0px;
        /* width: 40px;
         height: 40px;*/
    }

    .big-picture {
        display: flex;
        max-width: 500px;
        /*max-height: 280px;*/
        position: absolute;
        width: 100%;
        height: 100%;
        left: -620px;

    }
    .big-picture img {
        /*margin-left: 20px;*/
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;

    }
    .big-picture:target  {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
    #big-picture-1 {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    nav li {
        padding: 8px;
    }
	
		.desktop_collections{
		display: none;
	}
	
    .wrapper {
        width: 90%;
    }

    .product-presentation-gallery {
        width: 65%;
    }
    .product-presentation-description {
        width: 35%;
        margin-left: 10px;
    }

    .other-collections-row {
        flex-wrap: wrap;
        align-items: center;
    }

    .other-collections-row-item {
        margin-bottom: 15px;
    }
    /* Gallery */
    .gallery-big {
        height: 350px;
        width: 350px;
        position: relative;
    }

    .thumbnails-container-item, .thumbnails-container-item a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 3px 0px;
        /* width: 40px;
         height: 40px;*/
    }

    .big-picture {
        display: flex;
        max-width: 500px;
        /*max-height: 280px;*/
        position: absolute;
        width: 100%;
        height: 100%;
        left: -620px;

    }
    .big-picture img {
        /*margin-left: 20px;*/
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;

    }
    .big-picture:target  {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
    #big-picture-1 {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
	
	.desktop_collections{
		display: none;
	}
	
    .wrapper {
        width: 90%;
    }
    nav li {
        padding: 6px;
    }
    .navbar-white li {
        padding: 0px;
    }
    .product-presentation {
        flex-direction: column;
    }
    .product-presentation-description, .product-presentation-gallery {
        width: 100%;
        position: relative;
        overflow: visible;
        align-items: center;
    }

    .other-collections-row {
        align-items: center;
        flex-wrap: wrap;
    }

    .other-collections-row-item {
        margin-bottom: 15px;
    }

    #vintage-collection-upper {
        font-size: 40px;
    }
    #vintage-collection-lower {
        font-size: 35px;
    }

    /* Gallery */
    .gallery-big {
        height: 432px;
        width: 432px;
        position: relative;
		
    }

    .thumbnails-container-item, .thumbnails-container-item a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 3px 0px;
        /* width: 40px;
         height: 40px;*/
    }

    .big-picture {
        display: flex;
        max-width: 500px;
        /*max-height: 280px;*/
        position: absolute;
        width: 100%;
        height: 100%;
        left: -620px;

    }
    .big-picture img {
        /*margin-left: 20px;*/
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;

    }
    .big-picture:target  {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
    #big-picture-1 {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
}

@media all and (max-width: 480px) {
	
	.navbar-black a {
    font-size: 16px;
	}
	
	.mobile_collections{
		display: none;
	}
	
	
	#denim{
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	
	#nature{
    height: 100px;
    width: 280px;
	}
	
	#glamour {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	#pastel {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	#embossed {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	#military {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	#colorrss {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	#two-tone {
    height: 100px;
    width: 280px;
	background-size: contain;
	}
	#classic {
    height: 100px;
    width: 280px;
	background-size: cover;
	}
	
    .navbar-black-product-cat {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        color: white;
        font-size: 15px;
    }

    .navbar-black-product-cat span {
        margin-left: 10px;
    }

    .product-presentation {
        flex-direction: column;
		width: 100%;

    }

    .product-presentation-description, .product-presentation-gallery {
        width: 100%;
        position: relative;
        /*overflow: visible;*/
    }
    .product-presentation-gallery {
        display: flex;
        flex-direction: column;
        width: 100%;
		
        position: relative;
        justify-content: center;
        align-items: center;
        /*overflow: visible;*/
		margin-top: 0px;
    }
    .product-presentation-description {
        margin-top: 30px;
    }

    .wrapper {
        width: 90%;
    }


    .other-collections-row {
        flex-direction: column;
        align-items: center;
		justify-content: center;
		width: 100%;
    }
	

    .other-collections-row-item {
        margin-bottom: 5px;
		
    }

    .mobile-order-column {
        flex-direction: column;
    }
    #vintage-collection-upper {
        font-size: 30px;
    }

    #vintage-collection-lower {
        font-size: 25px;
    }

    .x-marker {
        margin: 10px;
    }
    .heading {
        flex-direction: column;
    }
    /* Gallery */
    .gallery-big {
        max-height: 320px;
        max-width: 320px;
        position: relative;
		
		
    }

    .thumbnails-container-item, .thumbnails-container-item a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 3px 0px;
       /* width: 40px;
        height: 40px;*/
    }
	
	.thumbnails-container-item{
		margin-top: 10px;
	}
	
	

    .big-picture {
        display: flex;
        max-width: 500px;
        /*max-height: 280px;*/
        position: absolute;
        width: 100%;
        height: 100%;
        left: -620px;

    }
    .big-picture img {
        /*margin-left: 20px;*/
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;

    }
    .big-picture:target  {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
    #big-picture-1 {
        position: absolute;
        /*margin-left: 60px;*/
        left: 0px;
    }
    /*End Gallery*/
    .thumbnails-container-item {
        padding: 0;
    }

    /* Brown buttons */
    .brown-button-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        background-color: #C8B59E;
        color: white;
        font-family: Arial;
        cursor: pointer;
        flex-basis: 100%;
        /*float: left;*/
        min-width: 90px;
        width: 100%;
    }
    #brown-button-1-position {
        background-color: #797064;
    }
    #brown-button-2-position {
        margin-left: 0px;
        background-color: #a59583;
    }
    #brown-button-3-position {
        margin-left: 0px;
        background-color: #C8B59E;
    }

    /* Menu mobile */
    .hover-menu-1:hover .navbar-black2, .hover-menu-2:hover .navbar-black3 {
        display: flex;
    }

    .hover-menu-1-hovered, .hover-menu-2-hovered {
        display: flex;
        flex-direction: column;
        margin: 3px;
    }

    .hover-menu-1-hovered li, .hover-menu-2-hovered li {
        padding: 3px 0;
    }

    .default-hidden {
        display: flex;
    }
    /* most of menu mobile classes/ids below are deprecated */
    #ebay-menu, #product-menu {
        display: none;
    }
    #ebay-menu a, #product-menu a {
        color: #F5F5F5;
    }
    #ebay-menu a:hover, #product-menu a:hover {
        color: #E0D5C5;
    }
    #ebay-menu li, #product-menu li {
        list-style: none;
        padding: 0 6px 0 0;
    }

    #ebay-menu li:last-of-type, #product-menu li:last-of-type {
        padding-bottom: 6px;
    }

    .mobile-hidden {
        display: none;
    }
    .navbar-black {
        display: flex;
        position: relative;
        justify-content: center;
        flex-direction: column;
        min-height: 50px;
    }

    .navbar-black img {
        display: flex;
        position: relative;
        justify-content: center;
        flex-direction: column;
    }

	.navbar-black2-center {
        justify-content: center;
		text-align: center;
    }
	

    .icon-right {
        display: flex;
    }
	
	.icon-menu {
        display: flex;
    }

    .focus:focus ~ #ebay-menu, .focus2:focus ~ #product-menu {
        position: absolute;
        display: inline-flex;
        flex-direction: column;
        list-style: none;
        top: 50px;

        background-color: #3C3C3C;
        z-index: 1;
    }
	
	.focus{
		float: left;
	}
	
	.footer p{
		justify-content: center;
	}
	
	
	#logo-hidden{
	display: block;
	justify-content: center;
	}
	
	
	#logo{
	display: none;
	}
	
	
	
	
}

@media all and (max-width: 320px) {
	
		.mobile_collections{
		display: none;
	}
	
	
	.thumbnails-container-item img{
		width: 100%;
	}

	
 /* Gallery */
    .gallery-big {
        max-height: 288px;
        max-width: 288px;
        position: relative;
    }

}

@media all and (width: 750px) and (height: 1334px) {
	
	.desktop_collections{
		display: none;
	}
	
	.gallery-big {
        max-height: 500px;
        max-width: 500px;
        position: relative;
    }
}