.layout {
	margin-left: auto;
	margin-right: auto;

	&__columns {
		@include columnizerParent;
      margin-left: 0;
	}

  	&__wrap-content{
	  min-height: calc(100vh - 336px);
	}

	&__small-col {
		@include columnizer(3 3 4 12);
		@media #{$media-phone-landscape} {
			@include mbot(1.5);
		}
	}

	&__small-col-plus {
		@include columnizer(4 4 4 12);
	}

	&__medium-col {
		@include columnizer(6 6 6 6 12);
	}

	&__medium-col-plus {
		@include columnizer(8 8 8 12);
	}

	&__large-col {
		@include columnizer(12);
		width: 100%;
		margin-left: 0;
	}

	&__small-col+&__large-col {
		@include columnizer(9 9 8 12);
	}

	&__full-col {
		@include columnizer(12);
	}
	&__aside-item {
		@include margin(1.5);
		@media #{$media-phone-landscape} {
			@include margin(1);
		}
	}
	&__footer {
		@include mtop(2);
	}
	&__header {
		//@include mbot(1);
		@media #{$media-phone-landscape} {
			margin-bottom: 0;
		}
      &.is-fixed-top-menu {
        position: fixed;
        z-index: 999;
        .header__logo img {
          max-width: 70%;
        }
        .header__catalogs {
          padding-top: 0;
        }
        .search-title.desktop {
          padding-top: 10px;
        }
      }
      width: 100%;
	}

	&__header, &__footer {
		@media #{$media-desktop} {
			//min-width: 980px;
		}
		@media #{$media-phone-landscape} {
			min-width: auto;
		}
	}

	&__block {
		@include margin(2);
		@media #{$media-phone-landscape} {
			@include margin(1);
		}
	}
	&__page-header {
		@include margin;

		h1 {
			margin-top: 0;
		  	color: $background;
		}
	}
	&__placeholder {
		@include margin(2);
		padding: 20px;
		text-align: center;
		background: red;
		color: white;
	}
	&__aside-item {
		.h2, .h3, .h4, .h5 {
			font-weight: normal;
			line-height: $line-height-base;
		}
	}
	&__mobile-overflow {
		margin-top: 0;
		margin-bottom: 0;
		@include mobile-overflow(false);
	}
	&__content-table {
		@media #{$media-phone-landscape} {
			overflow-x: scroll;
		}
	}
}