.grid-row .pocket,
.grid-row .pockets {
    height: auto;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

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

body {
	margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

template,
[hidden] {
	display: none
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

a:active,
a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: 0;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: inherit
}

b,
strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2rem;
	margin: .67rem 0
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none;
	max-width: 100%
}

svg:not(:root) {
	overflow: hidden
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

button,
input,
select,
textarea {
	font: inherit;
	margin: 0
}

optgroup {
	font-weight: bold
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .54
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

.bag {
	width: 85vw;
	margin: 0 auto;
	display: grid
}

.chain {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 2vw
}

.pocket,
.pockets {
	padding: 0 10px
}

.one.pocket {
	grid-column: span 1
}

.two.pockets {
	grid-column: span 2
}

.three.pockets {
	grid-column: span 3
}

.four.pockets {
	grid-column: span 4
}

.five.pockets {
	grid-column: span 5
}

.six.pockets {
	grid-column: span 6
}

.seven.pockets {
	grid-column: span 7
}

.eight.pockets {
	grid-column: span 8
}

.nine.pockets {
	grid-column: span 9
}

.ten.pockets {
	grid-column: span 10
}

.eleven.pockets {
	grid-column: span 11
}

.twelve.pockets {
	grid-column: span 12
}
	.linebre{
	display:block;
}
@media screen and (max-width:799px) {
	.chain {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 2vw
	}
	.bag {
		width: 90vw
	}
	.one.pocket,
	.two.pockets,
	.three.pockets,
	.four.pockets,
	.five.pockets,
	.six.pockets,
	.seven.pockets,
	.eight.pockets,
	.nine.pockets,
	.ten.pockets,
	.eleven.pockets,
	.twelve.pockets {
		grid-column: span 1;
	}
	.linebre{
	display:none;
	}
}