@charset "utf-8";
body {
    background-color: black;
    margin: 20px;
	font-size: 18px;
	color: #e5e5e5;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	text-align: justify;
	
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/bg1.jpg');
	background-size: cover; /* Cover the entire viewport */
	background-position: center; /* Center the background image */
	background-repeat: no-repeat; /* Prevents the image from repeating */
	animation: bgslider 22s infinite;
}

@keyframes bgslider {
  0%, 33.33% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/bg1.jpg');
	}
  33.34%, 66.66% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/bg2.jpg');
	}
  66.67%, 100% {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('img/bg3.jpg');
	}
}

p {
  margin-top: 0;
}
.smaller-text {
	font-size: 0.75em; /* Relative to the current font size */
}
.hr-style {
    height: 1px;                 /* Sets the height of the hr to 1 pixel */
    background-color: #332211; /* Sets the color of the hr to dark orange */
    border: none;                 /* Removes the default border */
    width: 80%;                   /* Sets the width to 80% of its container */
    max-width: 700px;             /* Maximum width is set to 700px */
    margin: 0 auto;               /* Centers the hr horizontally within its container */
}

.menu-container {
    display: flex;
    justify-content: center;  /* Center horizontally */
}
.menu-text {
    font-size: 24px;            /* Sets the font size to 14 pixels */
    color: #CC6600;              /* Sets the text color to orange */
    font-family: sans-serif;    /* Uses a sans-serif font family */
    text-decoration: none;      /* Optional: removes the underline from the link */
	font-weight: bold;
}
.menu-text a {
    font-size: 24px;            /* Sets the font size to 14 pixels */
    color: #CC6600;              /* Sets the text color to orange */
    font-family: sans-serif;    /* Uses a sans-serif font family */
    text-decoration: none;      /* Optional: removes the underline from the link */
	font-weight: bold;
}
.menu-text a:hover {
    color: #FFA500;             /* Bright orange color on hover */
}
.title-text {
    font-size: 24px;            /* Sets the font size to 14 pixels */
    color: #CC6600;              /* Sets the text color to orange */
    font-family: sans-serif;    /* Uses a sans-serif font family */
    text-decoration: none;      /* Optional: removes the underline from the link */
	font-weight: bold;
	text-align: center;
}
table {
    width: auto; /* Ensures the table only takes up as much space as its content requires */
    margin: auto; /* Optional: centers the table horizontally if desired */
    /* border-collapse: collapse; /* Ensures borders are collapsed into a single border or removed */
	border: 2;
}
td, th {
    padding: 50px; /* Adds 50px padding to each cell */
    border: 0; /* Removes borders from table cells */
}
.us-title-img {
    width: 80%;        /* Sets the image width to 70% of the viewport width */
    max-width: 700px;  /* Ensures the image width does not exceed 700px */
    height: auto;      /* Maintains the aspect ratio of the image */
    display: block;    /* Removes any inline extra space */
    margin: 0 auto;    /* Centers the image horizontally */
}

.logo-container {
    position: relative;
    width: 200px; /* Adjust as needed */
    height: 200px; /* Adjust as needed */
    overflow: hidden;
	margin: 0 auto; /* Centers the image horizontally */
}

.logo-container img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation: fadeInOut 10s infinite;
	width: 200px; /* Sets the image width to 50% of the viewport width */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Ensures the image does not have extra space below it */
    margin: 0 auto; /* Centers the image horizontally */
}
.logo-container img:first-child {
    animation-delay: -3s;
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }
    25%, 75% {
        opacity: 1;
    }
}

.two-columns {
    display: flex;
    flex-wrap: wrap;
	align-items: flex-start;
    justify-content: center; /* Centers cells horizontally within the container */
    max-width: 1440px; /* Max width for the container */
	width: 0 auto;
    margin: 0 auto; /* Centering the container on the page */
}

.tc-cell {
 	border-radius: 10px;
	flex: 1 1 auto; /* Flex-grow: 1, Flex-shrink: 1, Flex-basis: auto */
    max-width: 700px; /* Maximum width for each cell */
    margin: 0 auto; /* Centering the container on the page */
	margin-bottom: 20px;
	padding: 20px; /* Padding inside each cell for spacing */
    box-sizing: border-box;
	align-content: center;
	background-color: #111; /* Dark grey color */
}
.thin-column {
 	border-radius: 10px;
	max-width: 700px; /* Maximum width for each cell */
    margin: 0 auto; /* Centering the container on the page */
    box-sizing: border-box;
	align-content: center;
	background-color: #111; /* Dark grey color */
}
.insert-box {
 	border-radius: 10px;
	max-width: 0 auto; /* Maximum width for each cell */
    margin: 0; /* Centering the container on the page */
	padding: 10px;
    box-sizing: border-box;
	align-content: center;
	background-color: #333; /* Dark grey color */
	border-right: thin;
	border-right-style: dashed;
	border-bottom: thin;
	border-bottom-style: dashed;
	border-color: #CC6600;
}
.lb-box {
    border-radius: 10px;
    background-color: #333; /* Dark grey color */
    border-right: thin dashed #CC6600;
    border-bottom: thin dashed #CC6600;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; /* Changed from 'left' to 'flex-start' */
    margin: 0px;
}
.lb-cell12 {
	padding-left: 10px;
	padding-top: 10px;
	border: 0px;
	width: 64px;
}
.lb-cell34 {
	padding-left: 10px;
	padding-top: 10px;
    border: 0px;
	width: 40%;
}
.lb-cell12n {
	padding-left: 10px;
	padding-top: 10px;
	border: 0px;
	width: 64px;
}

@media (max-width: 768px) {
  .lb-cell12n {
    width: 32px;
  }
}


.rounded-image {
	border-radius: 10px;
	border: 1px solid #CC6600;
	width: 40%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 10px; /* Adjust spacing as needed */
}
.rounded-fader {
	position:relative;
	border-radius: 10px;
	border: 1px solid #CC6600;
	width: 270px;
	height: 360px;
	overflow: hidden;
	float: left;
	margin-right: 10px; /* Adjust spacing as needed */
}


@media (max-width: 1000px) {
	body {
		font-size: 18px;
	}
	.tc-cell {
        flex-basis: 100%; /* Makes each cell take 100% of the container's width */
    	max-width: 95%; /* Maximum width for each cell */
		font-size: 21px;
    }
	.menu-text {
		font-size: 24px;
	}
	.thin-column {
		max-width: 95%;
	}
}