@media only screen and (max-width: 768px) {

	#nav-button {
        margin:0.3rem 10px 0.3rem 0 !important;
        padding: 5px 10px 5px 5px;
		border-right: 1px solid rgba(0,0,0,0.3) !important;
		width:30px;
		height:30px;
	}
	#nav-button > span,
	#nav-button > span:after,
	#nav-button > span:before {
		top:8.5px;
		height: 3px;
		width: 30px;
	}
	#nav-button > span:before {
		top: 9px;
	}
	#nav-button > span:after {
		top: 18px;
	}
    header {
        padding: 0 5px !important;
    }
    .logo{
        height: 1.5rem;
        width: auto;
    }
	.hero-section {
		flex-direction: column;
		text-align: center;
		padding: 50px 5%;
	}

	.hero-image-container {
		order: -1;
		max-width: 100%;
	}

	.hero-content {
		max-width: 100%;
		text-align: center;
	}

	.cta-buttons a {
		margin: 5px;
	}
	.contact-info{
		padding-top: 20px;
		margin-top: 20px;
		border-left:none;
		border-top:1px dashed rgba(0,0,0,0.2);
		max-width: none;
	}
	.slider-info .attrs-machine{
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	
}
@media only screen and (min-width: 600px) {
	/* For tablets: */
	.column-s-1 {width: 8.33%;}
	.column-s-2 {width: 16.66%;}
	.column-s-3 {flex: 0 0 25%;max-width: 25%;}
	.column-s-4 {flex: 0 0 33.33333333%;max-width: 33.33333333%;}
	.column-s-5 {width: 41.66%;}
	.column-s-6 {flex: 0 0 50%;max-width: 50%;}
	.column-s-7 {width: 58.33%;}
	.column-s-8 {width: 66.66%;}
	.column-s-9 {width: 75%;}
	.column-s-10 {width: 83.33%;}
	.column-s-11 {width: 91.66%;}
	.column-s-12 {width: 100%;}
	
  }
  
  @media only screen and (min-width: 1024px) {
	/* For desktop: */
	.column-1 {width: 8.33%;}
	.column-2 {width: 16.66%;}
	.column-3 {flex: 0 0 25%;max-width: 25%;}
	.column-4 {flex: 0 0 33.33333333%;max-width: 33.33333333%;}
	.column-5 {width: 41.66%;}
	.column-6 {flex: 0 0 50%;max-width: 50%;}
	.column-7 {width: 58.33%;}
	.column-8 {width: 66.66%;}
	.column-9 {width: 75%;}
	.column-10 {width: 83.33%;}
	.column-11 {width: 91.66%;}
	.column-12 {width: 100%;}
  }