.content, .content > *, .content:after, .content:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content {
	margin: 0px -5px;
}

.content.narrow {
	max-width: 500px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.content .full-bleed-width {
	width: 100vw !important;
    position: relative;
    left: calc((-100vw + 100%) / 2);
}

.content > * {
	display: inline-block;
	/*float: left;*/
	width: 100%;
	/* gutters of 10px */
	padding: 5px 5px;
}

.content > style {
	display: none;
}

.content > .margin-top-small {
	margin-top: 25px;
}

.content > .margin-bottom-small {
	margin-bottom: 25px;
}

.content > .margin-top-medium {
	margin-top: 50px;
}

.content > .margin-bottom-medium {
	margin-bottom: 50px;
}

.content > .margin-top-large {
	margin-top: 75px;
}

.content > .margin-bottom-large {
	margin-bottom: 75px;
}

.content > .margin-top-very-large {
	margin-top: 100px;
}

.content > .margin-bottom-very-large {
	margin-bottom: 100px;
}

.content > .margin-top-negative-small {
	margin-top: -25px;
}

.content > .margin-bottom-negative-small {
	margin-bottom: -25px;
}

.content > .margin-top-negative-medium {
	margin-top: -50px;
}

.content > .margin-bottom-negative-medium {
	margin-bottom: -50px;
}

.content > .margin-top-negative-large {
	margin-top: -75px;
}

.content > .margin-bottom-negative-large {
	margin-bottom: -75px;
}

.content > .margin-top-negative-very-large {
	margin-top: -100px;
}

.content > .margin-bottom-negative-very-large {
	margin-bottom: -100px;
}

.content:after {
	content: "";
	display: table;
	clear: both;
}

/* Desktop */
@media (min-width: 1025px)
{
	.content > *[data-desktop-cols='hidden'] { display: none; }
	.content > *[data-desktop-shift='1'] { margin-left: 8.3333333333%; }
	.content > *[data-desktop-shift='2'] { margin-left: 16.6666666666%; }
	.content > *[data-desktop-shift='3'] { margin-left: 25%; }
	.content > *[data-desktop-shift='4'] { margin-left: 33.3333333333%; }
	.content > *[data-desktop-shift='5'] { margin-left: 41.666666666%; }
	.content > *[data-desktop-shift='6'] { margin-left: 50%; }
	.content > *[data-desktop-shift='7'] { margin-left: 58.3333333333%; }
	.content > *[data-desktop-shift='8'] { margin-left: 66.666666666%; }
	.content > *[data-desktop-shift='9'] { margin-left: 75%; }
	.content > *[data-desktop-shift='10'] { margin-left: 83.3333333333%; }
	.content > *[data-desktop-shift='11'] { margin-left: 91.6666666666%; }
}
.content > *[data-desktop-cols='1'] { width: 8.3333333333%; }
.content > *[data-desktop-cols='2'] { width: 16.6666666666%; }
.content > *[data-desktop-cols='3'] { width: 25%; }
.content > *[data-desktop-cols='4'] { width: 33.3333333333%; }
.content > *[data-desktop-cols='5'] { width: 41.666666666%; }
.content > *[data-desktop-cols='6'] { width: 50%; }
.content > *[data-desktop-cols='7'] { width: 58.3333333333%; }
.content > *[data-desktop-cols='8'] { width: 66.666666666%; }
.content > *[data-desktop-cols='9'] { width: 75%; }
.content > *[data-desktop-cols='10'] { width: 83.3333333333%; }
.content > *[data-desktop-cols='11'] { width: 91.6666666666%; }
.content > *[data-desktop-cols='12'] { width: 100%; }

/* Tablet  */
@media (max-width: 1024px) and (min-width: 481px)
{
	.content > *[data-tablet-cols='hidden'] { display: none; }
	.content > *[data-tablet-shift='1'] { margin-left: 8.3333333333%; }
	.content > *[data-tablet-shift='2'] { margin-left: 16.6666666666%; }
	.content > *[data-tablet-shift='3'] { margin-left: 25%; }
	.content > *[data-tablet-shift='4'] { margin-left: 33.3333333333%; }
	.content > *[data-tablet-shift='5'] { margin-left: 41.666666666%; }
	.content > *[data-tablet-shift='6'] { margin-left: 50%; }
	.content > *[data-tablet-shift='7'] { margin-left: 58.3333333333%; }
	.content > *[data-tablet-shift='8'] { margin-left: 66.666666666%; }
	.content > *[data-tablet-shift='9'] { margin-left: 75%; }
	.content > *[data-tablet-shift='10'] { margin-left: 83.3333333333%; }
	.content > *[data-tablet-shift='11'] { margin-left: 91.6666666666%; }
}
@media (max-width: 1024px)
{
	.content > *[data-tablet-cols='1'] { width: 8.3333333333%; }
	.content > *[data-tablet-cols='2'] { width: 16.6666666666%; }
	.content > *[data-tablet-cols='3'] { width: 25%; }
	.content > *[data-tablet-cols='4'] { width: 33.3333333333%; }
	.content > *[data-tablet-cols='5'] { width: 41.666666666%; }
	.content > *[data-tablet-cols='6'] { width: 50%; }
	.content > *[data-tablet-cols='7'] { width: 58.3333333333%; }
	.content > *[data-tablet-cols='8'] { width: 66.666666666%; }
	.content > *[data-tablet-cols='9'] { width: 75%; }
	.content > *[data-tablet-cols='10'] { width: 83.3333333333%; }
	.content > *[data-tablet-cols='11'] { width: 91.6666666666%; }
	.content > *[data-tablet-cols='12'] { width: 100%; }
}

/* Phone  */

@media (max-width: 480px)
{
	.content > *[data-phone-cols='hidden'] { display: none; }
	.content > *[data-phone-cols='1'] { width: 8.3333333333%; }
	.content > *[data-phone-cols='2'] { width: 16.6666666666%; }
	.content > *[data-phone-cols='3'] { width: 25%; }
	.content > *[data-phone-cols='4'] { width: 33.3333333333%; }
	.content > *[data-phone-cols='5'] { width: 41.666666666%; }
	.content > *[data-phone-cols='6'] { width: 50%; }
	.content > *[data-phone-cols='7'] { width: 58.3333333333%; }
	.content > *[data-phone-cols='8'] { width: 66.666666666%; }
	.content > *[data-phone-cols='9'] { width: 75%; }
	.content > *[data-phone-cols='10'] { width: 83.3333333333%; }
	.content > *[data-phone-cols='11'] { width: 91.6666666666%; }
	.content > *[data-phone-cols='12'] { width: 100%; }
	.content > *[data-phone-shift='1'] { margin-left: 8.3333333333%; }
	.content > *[data-phone-shift='2'] { margin-left: 16.6666666666%; }
	.content > *[data-phone-shift='3'] { margin-left: 25%; }
	.content > *[data-phone-shift='4'] { margin-left: 33.3333333333%; }
	.content > *[data-phone-shift='5'] { margin-left: 41.666666666%; }
	.content > *[data-phone-shift='6'] { margin-left: 50%; }
	.content > *[data-phone-shift='7'] { margin-left: 58.3333333333%; }
	.content > *[data-phone-shift='8'] { margin-left: 66.666666666%; }
	.content > *[data-phone-shift='9'] { margin-left: 75%; }
	.content > *[data-phone-shift='10'] { margin-left: 83.3333333333%; }
	.content > *[data-phone-shift='11'] { margin-left: 91.6666666666%; }
}

.sled-part .edit-content-btn {
	display: none;
	position: fixed;
	left: 30px;
	top: 30px;
	background-color: #ececec;
	border-bottom: 3px solid #cecece;
	padding: 20px 50px;
	border-radius: 3px;
	box-shadow: 0px 10px 10px 0px #0000001f;
	transition: all 0.1s ease;
	z-index: 10000000;
	font-size: 1.5em;
	transition: all 0s linear;
}

.sled-part.editable .edit-content-btn {
	display: block;
}

.sled-part.editable .edit-content-btn:hover {
	top: 25px;
	box-shadow: 0px 15px 15px 0px #00000015;
}

.sled-part[data-part='content'] {
	transform: unset !important;
	animation: unset !important;
}


.sled-part[data-part='content'] {
	transform-origin: top left;
}

.sled-part[data-part='content'].editable {
	transform: scale(0.7) !important;
	/*margin-bottom: -30%;*/
	/*position: absolute;
	top: -160%;
	left: -20%;
	margin-top: -68%;
	margin-bottom: -68%;
	margin-left: -68%;*/
}

.sled-part[data-part='content'].editable:hover {
	z-index: unset;
}