/*
 * Custom Styling
 *
 */

.inner { 
	max-width: 960px; 
	width: 100% !important;
}

.branding { 
	max-width: 530px; 
	width: 100% !important; 
}
.branding h2 a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-attachment: scroll !important;
    background-position: center !important;
}

.hero img { 
	max-width: 100%; 
	height: auto;
}

#responsive-menu-container #responsive-menu-title a:last-child {
    display: none;
}
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
    margin-bottom: 0 !important;
}

body.page-id-521 section.main .inner {
    min-width: 0;
}

/*
 * Mobile Responsiveness
 *
 */

@media (max-width: 991px) {
	.inner {
	    padding-left: 40px;
	    padding-right: 40px;
	    box-sizing: border-box;
	}

	section.main table {
	    overflow-x: auto;
	    display: block;
	}

	body.home section.main > .inner, 
	body.home section.hero > .inner {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	section.hero .slick-slider button {
	    display: none !important;
	}
}

@media (max-width: 799px) {
	header.main .branding {
	    float: none;
	    margin-left: auto;
	    margin-right: auto;
	}
	header.main .contact-info {
	    float: none;
	    text-align: center;
	}
}

@media (max-width: 949px) {
	section.footer-copy p.copy {
	    text-align: center;
	    float: none;
	}
	section.footer-copy p.cont {
	    text-align: center;
	    float: none;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	nav.main ul.menu > li {
	    width: 14.28%;
	}

	section.main #content {
	    width: 65%;
	}
	section.main aside.main {
	    width: 30%;
	}

	article.machine .thumbnail {
	    float: none;
	    width: 100%;
	}
	article.machine .thumbnail img {
	    margin: 0 0 20px;
	}
	article.machine .item {
	    width: 100%;
	    float: none;
	}
}

@media (max-width: 767px) {
	.col.third {
	    width: 100%;
	    margin: 0 0 20px;
	}

	section.title h1 {
	    float: none;
	}

	section.main section#content, 
	section.main aside.main {
	    float: none !important;
	    width: 100% !important;
	    overflow: hidden;
	}

	footer.main .col.third {
	    text-align: center;
	}

	article.machine .thumbnail {
	    float: none;
	    width: 100%;
	}
	article.machine .thumbnail img {
	    margin: 0 auto 20px;
	}
	article.machine .item {
	    width: 100%;
	    float: none;
	    text-align: center;
	}

	iframe {
	    max-width: 100%;
	}
}

@media (max-width: 649px) {
	header.main .branding h2 {
	    float: none;
	}
	header.main .branding h2 a {
	    margin: 0 auto;
		width: 100% !important;
	    max-width: 276px;
	}
	header.main .branding p.description {
	    float: none;
	    text-align: center;
	    border: none;
	    padding: 0;
	}

	article .alignright, 
	article .alignleft {
	    float: none !important;
	    margin: 0 auto 20px !important;
	}
}

@media (max-width: 767px) and (min-width: 480px) {

}

@media (max-width: 479px) {
	iframe {
	    height: auto;
	}
}