@media only screen and (min-width:768px) {
	
	.col-1 {
		width: 8.33%;
	}

	.col-2 {
		width: 16.66%;
	}

	.col-3 {
		width: 25%;
	}

	.col-4 {
		width: 33.33%;
	}

	.col-5 {
		width: 41.66%;
	}

	.col-6 {
		width: 50%;
	}

	.col-7 {
		width: 58.33%;
	}

	.col-8 {
		width: 66.66%;
	}

	.col-9 {
		width: 75%;
	}

	.col-10 {
		width: 83.33%;
	}

	.col-11 {
		width: 91.66%;
	}

	.col-12 {
		width: 100%;
	}

}

@media only screen and (min-width:768px) {
	
	.banner {
		padding: 96px 0;
	}
		.page main, 
		.sidebar {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.header-contact-social .contacts, 
	.header-contact-social .social-icons {
		padding-top: 0;
		padding-bottom: 0;
	}

	.header-contact-social .contacts .tel {
		margin-right: 16.66%;
	}

	.fixed-header-bar {
		position: fixed;
		top: 0;
		z-index: 1;
		font-size: .875rem;
	}

	.fixed-header-bar .header-contact-social {
		display: none;
	}

	.fixed-header-bar .nav, 
	.fixed-header-bar .site-title {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.fixed-header-bar .nav {
		padding-top: 12px;
	}

	.responsive-nav-button {
		display: none;
	}

	.nav {
		display: block!important;
		width: 100%;
		float: right;
	}

	.nav ul {
		border-top: none;
		text-align: center;
	}

	.nav li {
		display: inline;
	}

	.nav a {
		display: inline-block;
		width: auto;
		margin-left: .5rem;
		margin-right: .5rem;
		font-size: .875rem;
	}

	.banner h1 {
		font-size: 2rem;
	}

	.home .products {
		width: 100%;
	}

	.footer .copyright {
		text-align: left;
	}

	.footer .web-design {
		text-align: right;
	}

}

@media only screen and (min-width:1024px) {
	
	.nav {
		width: 66.66%;
	}

	.nav ul {
		text-align: right;
	}

	.banner {
		padding: 128px 0;
	}

	.banner h1 {
		font-size: 2.5rem;
	}

	.banner span {
		font-size: 3.3325rem;
	}

}