/* Ensure the body and html take up the full height of the viewport */
        html, body {
            height: 100%;
			width: 100%;
            margin: 0;
        }

        /* Main content container */
        .content {
    min-height: 100%; /* Make sure the content fills the viewport */
    margin-bottom: -50px; /* Negative margin equal to the footer height */
    padding-bottom: 50px; /* Padding equal to footer height to prevent overlap */
    text-align: center;
        }

html { /* Makes the page Scroll when clicking an ANCHOR button */
  scroll-behavior: smooth;
}

/* Floating Nav Bar */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 1000;
}
.about-anchor {
    position: absolute;
    top: 682px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.clearance-anchor {
    position: absolute;
    top: 1483px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.customs-bonds-anchor {
    position: absolute;
    top: 2131px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.interstate-trans-anchor {
    position: absolute;
    top: 2781px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.cargo-ins-anchor {
    position: absolute;
    top: 3526px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.warehousing-anchor {
    position: absolute;
    top: 4174px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}
.contact-anchor {
    position: absolute;
    top: 4827px;
    left: 372px;
    width: 114px;
    display: flex;
    z-index: 50;
    height: 216px;
}

#backer-pict-1 {
	background-image:url("images/index_backer__02.jpg");
	background-size: cover;  /* Ensures the image covers the entire cell */
    background-position: center;  /* Centers the image */
    background-repeat: no-repeat;  /* Prevents image repetition */
    width: 100%;  /* Adjust as needed */
    height: 100%;  /* Adjust as needed */
        }
#backer-pict-5 {
	background-image:url("images/index_backer__05.jpg");
	background-size: cover;  /* Ensures the image covers the entire cell */
    background-position:bottom;  /* Centers the image */
    background-repeat: no-repeat;  /* Prevents image repetition */
    width: 100%;  /* Adjust as needed */
    height: 650px;  /* Adjust as needed */
        }
#backer-pict-7 {
	background-image:url("images/index_backer__07.jpg");
	background-size: cover;  /* Ensures the image covers the entire cell */
    background-position: center;  /* Centers the image */
    background-repeat: no-repeat;  /* Prevents image repetition */
    width: 100%;  /* Adjust as needed */
    height: 700px;  /* Adjust as needed */
        }
#backer-pict-8 {
	background-image:url("images/index_backer__08.jpg");
	background-size: cover;  /* Ensures the image covers the entire cell */
    background-position: center;  /* Centers the image */
    background-repeat: no-repeat;  /* Prevents image repetition */
    width: 100%;  /* Adjust as needed */
    height: 650px;  /* Adjust as needed */
        }
.nav-block {
    position: absolute;
    width: 1897px;
    height: 98px;
    left: 0px;
    top: 0px;
    z-index: 5;
}
.hero-block {
    position: absolute;
    width: 1897px;
    height: 622px;
    left: 0px;
    top: 98px;
    z-index: 6;
}
.download-bar-block {
    position: absolute;
    width: 1897px;
    height: 174px;
    left: 0px;
    top: 720px;
    z-index: 1;
    background-color: #1955a4;
    text-align: center;
}
.about-us-block {
    position: absolute;
    width: 1897px;
    height: 929px;
    left: 0px;
    top: 894px;
    z-index: 1;
}
.customs-clearance-block {
    position: absolute;
    width: 1897px;
    height: 926px;
    left: 0px;
    top: 1823px;
    z-index: 1;
	background-image:url("images/index_backer__05.jpg");
}
.customs-bonds-renewals-block {
    position: absolute;
    width: 1897px;
    height: 930px;
    left: 0px;
    top: 2749px;
	background-color: #1c3248;
    z-index: 1;
}
.insterstate-trans-block {
    position: absolute;
    width: 1897px;
    height: 930px;
    left: 0px;
    top: 3679px;
    z-index: 1;
	background-image:url("images/index_backer__07.jpg");
}
.cargo-insurance-block {
    position: absolute;
    width: 1897px;
    height: 930px;
    left: 0px;
    top: 4609px;
    z-index: 1;
	background-image: url("images/index_backer__08.jpg");
}
.warehousing-block {
    position: absolute;
    width: 1897px;
    height: 930px;
    left: 0px;
    top: 5539px;
    z-index: 1;
	background-color: #f3bd00;
}
.contact-us-block {
    position: absolute;
    width: 1897px;
    height: 930px;
    left: 0px;
    top: 6469px;
    z-index: 1;
	background-color: white;
}
.nav-text-black {
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-weight: 100;
	font-size: 15px;
    color: #000000;
    text-align: center;
}
.nav-text-white-bold {
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
 	font-weight: bolder;
	font-size: 18px;
    color: #FFFFFF;
    text-align: center;
}
 .clickable-cell {
	 cursor: pointer;
	 transition: background-color 0.3s ease;
	 background-color: #f8f8f8; /* Default background */
	 border-right: 1px solid #e8e8e8; /* Creates a green vertical line */
    padding: 10px; /* Adds spacing inside the cell */
        }
.clickable-cell:hover {
	background-color: lightblue; /* Changes color on hover */
        }
 .clickable-cell-2 {
	 cursor: pointer;
	 transition: background-color 0.3s ease;
	 background-color: #32aaff; /* Default background */
        }
.clickable-cell-2:hover {
	background-color: black; /* Changes color on hover */
        }
.clickable-cell a {
	display: flex;
	align-items: center;  /* Vertically centers content */
    justify-content: center;  /* Horizontally centers content */
	width: 100%;
	height: 100%;
	color: inherit;
        }
.textlink-1 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-weight: 100;
	font-size: 15px;
    color: #000000;
	text-decoration: none;
}
.textlink-2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-weight: bolder;
	font-size: 18px;
    color: #FFFFFF;
	text-decoration: none;
}
.text-black-regular {
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana";
	line-height: 1.25;
	font-size: 16px;
	color: black;
	text-align:justify;
}
.text-black-regular2 {
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana";
	line-height: 1.5;
	font-size: 16px;
	color: black;
	text-align:justify;
}
.text-WHITE-regular {
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana";
	line-height: 1.5;
	font-size: 16px;
	color: white;
	text-align:justify;
}
.text-blue-bold {
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana";
	font-size: 16px;
	font-weight: bolder;
	color: #1955a4;
	text-align:center;
}
.text-WHITE-bold {
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana";
	font-size: 16px;
	font-weight: bolder;
	color: white;
	text-align:center;
}
.text-TITLE-blue {
	font-family: "Arial Black", "HelveticaNeueLT Pro 95 Blk", "Impact", "Haettenschweiler";
	font-size: 28px;
	font-weight: bolder;
	color: #1955a4;
	text-align:center;
}
.text-TITLE-light-blue {
	font-family: "Arial Black", "HelveticaNeueLT Pro 95 Blk", "Impact", "Haettenschweiler";
	font-size: 28px;
	font-weight: bolder;
	color: #79c6e4;
	text-align:center;
}
.padded-cell-for-text {
	padding: 14px;
}