header {
	position:relative;
}
.bkg-lt-orange h3 {
	color:var(--color-main-dark);
}
#sg-header {
	background-color:#f5f5f5;
}
.header-container {
	display:flex;
	justify-content:space-between;
	margin:1.5rem;
}
	.header-container h1 {
		text-transform:none;
		font-weight:500;
		font-size:2rem;
		color:#fff;
		margin:0;
	}
	.sg-logo img {
		width:130px;
	}
h5 {
	font-size:1.8rem;
	color:var(--color-highlights);
	margin:1.5rem 0;
}
.sg-container {
	margin:40px 0;
	overflow:hidden;
}
	.sg-container section {
		margin-top:60px;
	}
		.sg-container section:first-child {
			margin-top:0;
		}
	.sg-container .col-md-9 {
		border-left:1px solid #a3a3a3;
	}
	.sg-heading h2 {
		margin:0 0 20px;
	}

@media only screen and (min-width:768px) {
	.header-container h1 {
		font-size:3rem;
	}
}

/* NAVIGATION */
nav {
	display:none;
}
	nav ul {
		list-style-type:none;
	}
	nav li {
		margin-top:1.5rem;
	}
		nav li:first-child {
			margin-top:0;
		}
			nav a {
				color:var(--color-main-dark);
				font-weight:700;
				text-decoration:none;
			}
				nav a:hover {
					color:var(--color-main-dark);
				}
	nav.is-fixed {
		position:fixed;
		top:0;
	}

@media only screen and (min-width:992px) {
	nav {
		display:block;
	}
}

/* TYPOGRAPHY */
.typography-container {
	margin-top:15px;
}
	.typography-container:first-child {
		margin-top:0;
	}
	.typography-visual {
		margin-top:16px;
	}
		.typography-visual:first-child, .light-btn-container .typography-visual {
			margin-top:0;
		}
		.typography-visual span {
			display:block;
			font-size:12px;
			text-align:center;
			padding-top:2px;
		}
		#sg-links-buttons .typography-visual {
			display:flex;
			align-items:center;
		}
			#sg-links-buttons .typography-visual p:not(:first-child) {
				margin-left:10px;
			}
	.typography-visual h1, .typography-visual h2, .typography-visual h3, .typography-visual h4, .typography-visual h5, .typography-visual h6 {
		margin:0;
	}
	.typography-visual p {
		margin-bottom:0;
	}
		.typography-visual p.caption {
			font-weight:400;
			font-size:16px;
			line-height:20px;
		}
		.typography-visual p.legal {
			font-weight:400;
			font-size:12px;
			line-height:14px;
		}
		.typography-visual p sup {
			font-size:10px;
			top:-6px;
		}

@media only screen and (min-width:1200px) {
	.typography-visual {
		display:flex;
		align-items:flex-end;
	}
		.typography-visual p:not(:first-child) {
			margin-left:10px;
		}
}

/* COLORS */
.color-section {
	margin-top:40px;
}
	.color-section:first-child {
		margin-top:0;
	}
	.swatch-container {
		display:flex;
		flex-direction:column;
		padding:1.5rem;
	}
		.swatch-container h3 {
			font-size:1.6rem;
		}
		.swatch-header {
			margin-bottom:1.5rem;
		}
			.swatch-header p {
				margin:0;
				color:var(--color-highlights);
				font-weight:700;
				text-transform:uppercase;
			}
				.bkg-dk-blue .swatch-header p, .bkg-orange .swatch-header p {
					color:#fff;
				}
		.swatch-body {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
		}
			.color-swatch {
				display:flex;
				width:calc(100% / 2);
				flex-direction:column;
				text-align: center;
				margin-top:3rem;
			}
				.color-swatch:nth-child(-n+2) {
					margin-top:0;
				}
				.color-block {
					display:block;
					width:85px;
					height:85px;
					margin:0 auto;
				}
				.color-swatch strong {
					color:var(--color-highlights);
					margin-top:5px;
					text-transform:uppercase;
				}
					.bkg-dk-blue .color-swatch strong, .bkg-orange .color-swatch strong {
						color:#fff;
					}
				.color-swatch span {
					font-size:1rem;
					line-height:1.5rem;
				}
					.bkg-dk-blue .color-swatch span, .bkg-orange .color-swatch span {
						color:#fff;
					}
		.swatch-footer {
			font-size:1.5rem;
			margin-top:1.5rem;
		}
			.bkg-dk-blue .swatch-footer, .bkg-orange .swatch-footer {
				color:#fff;
			}

@media only screen and (min-width:565px) {
	.color-swatch {
		width:calc(100% / 3);
	}
		.color-swatch:first-child, .color-swatch:nth-child(5n) {
			margin-top:3rem;
		}
		.color-swatch:nth-child(-n+3) {
			margin-top:0;
		}
}

@media only screen and (min-width:768px) {
	.swatch-body {
		justify-content:left;
	}
		.color-swatch {
			width:calc(100% / 5);
			margin-top:0;
			text-align:left;
		}
			.color-swatch:nth-child(5n) {
				margin-top:0;
			}
			.color-block {
				margin:0;
			}
}

@media only screen and (min-width:1200px) {
	.swatch-container {
		width:fit-content;
	}
		.swatch-header {
			height:4.6rem;
			margin-bottom:0;
		}
		.swatch-body {
			margin:-4.6rem 0 0 30rem;
		}
			.color-swatch {
				width:85px;
				margin-left:3rem;
			}
				.color-swatch:first-child {
					margin-left:0;
				}
		.swatch-footer {
			margin-top:0;
		}
}

/* LINKS & BUTTONS */
.link-container {
	display:flex;
	align-items:center;
	margin-top:3px;
}
	.link-container:first-child {
		margin-top:0;
	}
	.link-container p {
		color:#55565a;
		margin-left:10px;
		margin-bottom:0;
	}
.light-btn-container .typography-visual p:first-child {
	background:#00a0be;
	padding:15px;
}

/* ICONS */
.main-icon-container, .pet-icon-container {
	display:flex;
	flex-wrap:wrap;
}
	.main-icon {
		display:flex;
		width:calc(100% / 2);
		flex-direction:column;
		align-items:center;
		margin:3rem 0;
	}
		.main-icon img {
			height:4rem;
		}
			.pet-icon-container .main-icon img {
				height:5.5rem;
			}
		.main-icon span {
			display:block;
			font-weight:700;
			color:var(--color-highlights);
			margin-top:1rem;
			text-align:center;
		}
			.main-icon span span {
				font-weight:500;
				color:#606060;
				font-size:1.2rem;
				margin-top:0;
			}

@media only screen and (min-width:768px) {
	.main-icon {
		width:calc(100% / 3);
	}
}

@media only screen and (min-width:992px) {
	.main-icon {
		width:calc(100% / 6);
	}
}

/* IMAGES */
.image-container {
	display:flex;
	flex-direction:column;
	margin-top:3rem;
}
	.image-container img {
		align-self:flex-start;
	}
	.image-container span {
		display:block;
		color:var(--color-highlights);
		text-transform:uppercase;
		font-weight:700;
		margin-top:1.5rem;
	}

/* LOGOS */
#sg-logos .col {
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}
	#sg-logos .col-12 > span {
		display:block;
		color:var(--color-highlights);
		text-transform:uppercase;
		font-weight:700;
		margin-top:1.5rem;
	}
	#sg-logos .image-container {
		width:40rem;
		margin-bottom:3rem;
		margin-top:1.5rem;
	}
		#sg-logos .image-container span {
			margin:0 0 1.5rem;
		}
		#sg-logos .image-container img {
			width:40rem;
		}
		#sg-logos .image-container a {
			color:#606060;
			text-transform:uppercase;
			margin-top:1.5rem;	
		}
		#sg-logos .image-container p {
			color:#606060;
			margin-top:1.5rem;
		}

@media only screen and (min-width:992px) {
	#sg-logos .col {
		flex-direction:row;
	}
		#sg-logos .image-container {
			width:30rem;
			margin-left:3rem;
			flex-shrink:0;
		}
			#sg-logos .image-container:first-child, #sg-logos .image-container:nth-child(3) {
				margin-left:0;
			}
			#sg-logos .image-container img {
				width:30rem;
			}
}

@media only screen and (min-width:1200px) {
	#sg-logos .image-container {
		width:28rem;
	}
		#sg-logos .image-container:nth-child(3) {
			margin-left:3rem;
		}
		#sg-logos .image-container img {
			width:28rem;
		}
}