/* all IDs and classes are listed alphabetically */


/* GLOBAL STYLES --------------- */

html, body {margin: 0px;
			padding: 0px;
			background: #fff;
			scroll-behavior: smooth;
			font-family: 'Open Sans', sans-serif;
			overflow-x: hidden;
			}

a {text-decoration: none;
	}

footer {height: fit-content;
		width: 100%;
		background: #001c4a url(images/footer-bg.png) top repeat-x;
		margin: 0px;
		padding-bottom: 100px;
		}

h1 {font-size: 70px;
	font-weight: 800;
	letter-spacing: -3px;
	color: #000;
	margin: 0px 0px 25px 0px;
	line-height: 60px;
	}

h2 {font-size: 20px;
	line-height: 18px;
	}

h3 {font-size: 40px;
	font-weight: 800;
	letter-spacing: -2px;
	line-height: 40px;
	text-align: center;
	padding-top: 100px;
	}


/* ID'S ------------------------ */

#about-image-01 {background: url(images/about-image-01.jpg) center no-repeat;
					}

#about-image-02 {background: url(images/about-image-02.jpg) center no-repeat;
					margin-top: 100px;
					}

#contact-image-01 {background: url(images/contact-image-01.jpg) center no-repeat;
					}

#contact-social-container {width: fit-content;
							margin: 10px auto 200px auto;
							}

#email-address {color: #000;
				}

#email-address-mobile {color: #000;
						display: none;
						}

#footer-container {padding: 3% 15%;
					border: 0px;
					}

#footer-name {color: #fff;
				font-weight: 700;
				font-size: 25px;
				}

#google-maps-container {margin: 100px 0px;
						padding: 0px 15px;
						height: 350px;
						}

#google-maps-embed {border: 1px #000 solid;
					height: 350px;
					width: 450px;
					float: right;
					margin-left: 25px;
					}

#header {height: fit-content;
		width: 100%;
		background: url(images/header-bg.png) center repeat-x;
		}

#index-image-01 {background: url(images/index-image-01.jpg) center no-repeat;
					}

#index-image-02 {background: url(images/index-image-02.jpg) center no-repeat;
					}

#index-image-03 {background: url(images/index-image-03.jpg) center no-repeat;
					}

#nav-bar {width: 100%;
			background: #001c4a;
			text-align: center;
			}

#product-logo-table {width: 100%;
						text-align: center;
						}

#services-image-01 {background: url(images/services-image-01.jpg) center no-repeat;
						}

#services-list {color: #000;
				font-size: 25px;
				font-weight: 800;
				letter-spacing: -1px;
				margin: 50px 0px 0px 25px;
				text-align: center;
				width: 100%;
				overflow-x: hidden;
				}

#services-list > li {display: inline-flex;
						width: 375px;
						margin-bottom: 15px;
						}

#services-list > li::before {content: "•";
								margin-right: 15px;
								}

#social-icon-container {margin-top: 35px;
						width: fit-content;
						float: left;
						display: flex;
						}

#top-logo {max-height: 180px;
			width: 100%;
			display: block;
			}

#top-logo-mobile {display: none;
					}



/* CLASSES --------------------- */

.black {color: #000;
		}

.bold-text {font-weight: 700!important;
			}

.center-text {text-align: center;
				}

.contact-headline {padding-top: 0px;
					}

.content-container {max-width: 800px;
					height: fit-content;
					margin: 0px auto 30px auto;
					}

.copyright-text {color: #003999;
					font-size: 12px;
					font-weight: 400;
					text-align: center;
					margin-top: 270px;
					display: block;
					}

.copyright-text > a {color: #003999;
						}

.dark-blue {color: #001c4a;
			}

.extra-bold-text {font-weight: 800!important;
					}

.floating-text {color: #000;
				font-size: 16px;
				}

.footer-text {max-width: 500px;
				color: #fff;
				font-size: 14px;
				font-weight: 300;
				line-height: 25px;
				float: left;
				margin-right: 10%;
				}

.footer-text > a {color: #fff;
					}

.homepage-button {font-weight: 700;
					font-size: 18px;
					color: #fff;
					background-color: #71090a;
					width: fit-content;
					padding: 10px 30px;
					margin: 0px;
					border-radius: 8px;
					border: 2px #fff solid;
					transition-property: background-color color border;
					transition-delay: .1s;
					transition-duration: .2s;
					cursor: pointer;
					}

.homepage-button:hover {color: #71090a;
						background-color: #fff;
						border: 2px #71090a solid;
						}

.homepage-callout {border: 0px;
					max-width: 700px;
					margin: 0px 20%;
					display: block;
					padding-top: 12%;
					}

.homepage-callout-right {float: right;
							}

.homepage-textbox {color: #fff;
					background-color: #001c4a;
					font-weight: 400;
					font-size: 15px;
					padding: 25px 30px;
					line-height: 22px;
					margin: 50px 0px;
					}

.nav-item {color: #fff;
			font-weight: 700;
			font-size: 20px;
			display: inline-flex;
			text-align: center;
			margin: 0px;
			padding: 10px 40px;
			cursor: pointer;
			transition-property: background-color color;
			transition-delay: .1s;
			transition-duration: .2s;
			}

.nav-item:hover {background-color: #fff;
					color: #001c4a;
					}

.product-logo {max-width: 250px;
				max-height: 100px;
				margin: 40px 0px;
				border: 0px;
				}

.section-headline {color: #fff;
					margin: auto;
					background-color: #001c4a;
					padding: 40px;
					}

.section-image {min-height: 700px;
				width: 100%;
				margin-bottom: 15px;
				}

.section-image-small {display: inline-flex;
						min-height: 500px!important;
						}

.social-icon {height: 30px;
				float: left;
				margin: 0px 0px 40px 40px;
				border: 0px;
				}

.social-icon-large {height: 60px;
					}

.standard-copy {font-size: 16px;
				font-weight: 400;
				color: #fff;
				line-height: 25px;
				letter-spacing: -0.2px;
				background-color: #001c4a;
				padding: 40px 50px;
				}

.text-right {text-align: right;
				}

.white {color: #fff;
		}