/* Custom, iPhone Retina */ 
@media only screen and (max-width : 478px) {
	body {
		line-height: 22px;
	}
	p {
		font-size: 12px;
	}
	header {
		height: 55px;
	}
	header .logo-header a img {
		margin-top: 8px;
	}
	hr {
		padding: 10px 0;
	}
	#siteWrapper {
		padding-bottom: 78px;
	}
	.alternativeHeaderImage {
		height: 100px;
	}
	.alternativeHeaderImage .pageHeaderName h1 {
		margin-top: 30px;
		font-size: 22px;
		line-height: 40px;
	}
	.breadcrumb {
		margin: 5px 0;
	}
	.pageContent {
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 12px;
	}
	.lightBrownButton {
		padding: 5px 10px;
		font-size: 11px;
		letter-spacing: 1px;
	}

	.tp-banner-container{
		height: 100%;
	}

	#slide-nav #slidemenu .navbar-nav>li>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
		display: none;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a:after {
		display: none;
	}

	#slide-nav .mobileMenuLogo {
		width: 80%;
		margin-top: 20px;
		margin-left: 10%;
	}

	#page-content {
		margin-top: 55px;
		min-height: calc(100% - 55px);
	}
	
	.pageContent .pressclipping:nth-child(2n+1) {
		clear: left;
	}
	.pageContent .pressclipping img {
		height: 200px;
	}
	
	.tp-caption.tp-title {   
    	font-size: 13pt;
  		padding: 5px;
	}  
	.tp-caption.tp-title span {
  		text-shadow: none;		
	}
	.tp-caption.tp-content {
		font-size: 20pt;
  		padding: 5px;
	}
	.tp-caption.tp-content span {
  		text-shadow: none;
	}
	.tp-caption.tp-button {
		background: white;
	    font-size: 13pt;
	    padding: 0px 10px;
	    height: 35px;
	    line-height: 35px !important;
	}
	.tp-caption.tp-badge {
		font-size: 10pt;
    	width: auto;
    	white-space: nowrap;
	}

  	.category, .product {
  		margin-top: 15px;
  	}

	#spearheads img {
		width: 100%;
	}
	#spearheads h2 {
		margin-top: 40px;
	}

	.sidebar h2.moreinformation {
		margin-bottom: 10px;
	}
	
	#socialmediaWrapper {
		padding: 20px 0;
	}
	#socialmediaWrapper h2 {
		margin: 0 0 30px 0;
	}
	#socialmediaWrapper .carousel .socialmediaItem .inner .text {
		font-size: 10px;
	}
	#socialmediaWrapper .socialmediaImage {
		height: auto !important;
	}
	
	#contactWrapper h2 {
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-bottom: 5px;
	}

	footer {
		min-height: 52px;
	}
	footer .navbar-text {
		font-size: 9px;
		margin-top: 0px;
	}

	footer .socialmediaIcon {
		width: 8px;
		margin-left: 5px;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 479px) and (max-width : 767px) {
	header {
		height: 93px;
	}
	header .logo-header a {
		margin-top: 8px;
		margin-bottom: 0px;
	}

	.alternativeHeaderImage .pageHeaderName h1 {
		font-size: 40px;
		line-height: 50px;
	}

	#slide-nav #slidemenu .navbar-nav>li>.dropdown-menu>.dropdown-submenu>.dropdown-menu {
		display: none;
	}
	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a:after {
		display: none;
	}

	#page-content {
		margin-top: 93px;
		min-height: calc(100% - 93px);
	}
	
	.pageContent .pressclipping:nth-child(2n+1) {
		clear: left;
	}	
	.pageContent .pressclipping img {
		height: 439px;
	}

	footer .socialmediaIcon {
		margin-left: 5px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu {
		margin-left: 0px;
		background-position: top center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #ffffff;
	}
	.navbar-collapse {
		max-height: 999px;
	}

	#spearheads.horizontal .content {
		min-height: 124px;
	}
	#spearheads img {
		width: 100%;
	}
	#spearheads h2 {
		margin-top: 40px;
	}

	#slide-nav .mobileMenuLogo {
		width: 80%;
		margin-top: 20px;
		margin-left: 10%;
	}

	.tp-caption.tp-title {   
    	font-size: 13pt;
  		padding: 5px;
	}  
	.tp-caption.tp-title span {
  		text-shadow: none;		
	}
	.tp-caption.tp-content {
		font-size: 20pt;
  		padding: 5px;
	}
	.tp-caption.tp-content span {
  		text-shadow: none;
	}
	.tp-caption.tp-button {
		background: white;
	    font-size: 13pt;
	    padding: 0px 10px;
	    height: 35px;
	    line-height: 35px !important;
	}
	.tp-caption.tp-badge {
		font-size: 10pt;
    	width: auto;
    	white-space: nowrap;
	}

	#socialmediaWrapper .carousel .socialmediaItem .inner .text {
		font-size: 10px;
	}
	#socialmediaWrapper .socialmediaImage {
		height: auto !important;
	}

	#contactWrapper h2 {
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 0px;
		padding-bottom: 5px;
	}

	#socialmediaWrapper h2 {
		margin-top: 5px;
	}	
	
	footer .socialmediaIcon {
		width: 5px;
		margin-left: 5px;
	}
}

/* LOGO MOBILE IPHONE 6 and 6S */
@media (min-width : 374px) and (max-width : 767px) {
	#logo img {
		width: 250px;
	}
}
/* LOGO MOBILE IPHONE 4 + 5 */
@media (max-width : 320px) {
	#logo img {
		width: 210px;
		margin-top: 10px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px)  {
	#spearheads h2 {
		font-size: 16px;
		margin-top: 40px;
	}
	#spearheads.horizontal .content {
		min-height: 124px;
	}

	.project .name {
		font-size: 11px;
	}
	
	.pageContent .pressclipping:nth-child(3n+1) {
		clear: left;
	}	
	.pageContent .pressclipping img {
		height: 310px;
	}

	.sidebar h2.moreinformation {
		font-size: 15px;
		line-height: 22px;
	}

	.tp-caption.tp-title {   
    	font-size: 16pt;
  		padding: 5px;
	}  
	.tp-caption.tp-title span {
  		text-shadow: none;		
	}
	.tp-caption.tp-content {
		font-size: 30pt;
  		padding: 5px;
	}
	.tp-caption.tp-content span {
  		text-shadow: none;
	}
	.tp-caption.tp-button {
		background: white;
	    font-size: 14pt;
	    padding: 0px 10px;
	    height: 35px;
	    line-height: 35px !important;
	}
	.tp-caption.tp-badge {
		font-size: 14pt;
    	width: auto;
    	white-space: nowrap;
	}

	footer .socialmediaIcon {
		margin-left: 15px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.pageContent .pressclipping:nth-child(3n+1) {
		clear: left;
	}	
	.pageContent .pressclipping img {
		height: 413px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.pageContent .pressclipping img {
		height: 550px;
	}
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-ExtraBoldItalic.eot');
    src: url('fonts/PlayfairDisplay-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-ExtraBoldItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-ExtraBoldItalic.svg#PlayfairDisplay-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-BoldItalic.eot');
    src: url('fonts/PlayfairDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-BoldItalic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-BoldItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-BoldItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-BoldItalic.svg#PlayfairDisplay-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Black.eot');
    src: url('fonts/PlayfairDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Black.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Black.woff') format('woff'),
        url('fonts/PlayfairDisplay-Black.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Black.svg#PlayfairDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-BlackItalic.eot');
    src: url('fonts/PlayfairDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-BlackItalic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-BlackItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-BlackItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-BlackItalic.svg#PlayfairDisplay-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Bold.eot');
    src: url('fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Bold.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Bold.woff') format('woff'),
        url('fonts/PlayfairDisplay-Bold.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-ExtraBold.eot');
    src: url('fonts/PlayfairDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-ExtraBold.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-ExtraBold.woff') format('woff'),
        url('fonts/PlayfairDisplay-ExtraBold.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-ExtraBold.svg#PlayfairDisplay-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-MediumItalic.eot');
    src: url('fonts/PlayfairDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-MediumItalic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-MediumItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-MediumItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-MediumItalic.svg#PlayfairDisplay-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Italic.eot');
    src: url('fonts/PlayfairDisplay-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Italic.woff') format('woff'),
        url('fonts/PlayfairDisplay-Italic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Italic.svg#PlayfairDisplay-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-SemiBoldItalic.eot');
    src: url('fonts/PlayfairDisplay-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-SemiBoldItalic.woff') format('woff'),
        url('fonts/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-SemiBoldItalic.svg#PlayfairDisplay-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-SemiBold.eot');
    src: url('fonts/PlayfairDisplay-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-SemiBold.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-SemiBold.woff') format('woff'),
        url('fonts/PlayfairDisplay-SemiBold.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-SemiBold.svg#PlayfairDisplay-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Regular.eot');
    src: url('fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/PlayfairDisplay-Medium.eot');
    src: url('fonts/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/PlayfairDisplay-Medium.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Medium.woff') format('woff'),
        url('fonts/PlayfairDisplay-Medium.ttf') format('truetype'),
        url('fonts/PlayfairDisplay-Medium.svg#PlayfairDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}