body{

	margin: 0px;
	color: #644;
	background-image: linear-gradient(to right, #fff, rgb(255,255,255,0)), url("../image/rose-light.png");
	font-family:arial,verdana,helvetica;
}

body, p, div, a{

	font-size: 12pt;
}

a:hover{

	color:#933;
}

#top-navigation-bar{

	width: 100%;
	height: 50px;
	border: 1px solid #d37e93;
	border-color: #ffaabf #ffaabf #bd687d #bd687d;
	background-image: linear-gradient(to right, #d37e93, rgb(255,255,255,1));
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

#main-container{

	margin: auto;
	padding: 0px 15px 15px 15px;
	width: 80%;
}

#header{

	text-align: center;
}

#header img{

	vertical-align: middle;
}

#nav-pre{

	width:20%;
	display: inline-block;
}

#nav-main{

	text-align:right;
	width:80%;
	display: inline-block;
}

.navigation-button-01, .navigation-button-dropdown-01{

	color: white;
	text-decoration: none;
	position:relative;
	display: inline-block;
	padding: 3px 10px;
	margin: 0px 2px 20px 2px;
	border-radius: 15px;
	border: 1px solid #d37e93;
	border-color: #ffaabf #ffaabf #bd687d #bd687d;
	background-color: #d37e93;
}

.navigation-button-01:hover, .navigation-button-dropdown-01:hover{

	background:#933;
}

.navigation-button-01 a, .navigation-button-dropdown-content-01 a{

	color: white;
	text-decoration: none;
}

.navigation-button-dropdown-content-01 a:hover{

	color: #933;
}

.navigation-button-dropdown-content-01{

	text-align:left;
	display: block;
	opacity:0;
	transition: opacity .5s ease-out;
	position: fixed;
	top:-500px;
	background-color: #d37e93;
	border-radius: 0px 15px 15px 15px;
	box-shadow: 4px rgba(0,0,0,0.2);
	padding: 10px;
	z-index: 1;
}

.navigation-button-dropdown-01:hover .navigation-button-dropdown-content-01 {

	position: absolute;
	top: 25px;
	left:-10;
	opacity:1;
}

.logo-01{

	width: 50%;
}

.texas-poster{

	width: 100%;
}

.kmf-2022-list li{

	padding:0px 0px 8px 0px;
}

.navigation-button-02{

	display: inline-block;
	padding: 20px;
	margin-left: 40px;
	border-radius: 30px;
	background-color: #d37e93;
}

.navigation-button-02 a{

	color: white;
	text-decoration: none;
}

#social-media{

	display: inline-block;
	margin-left: 40px;
}

#social-media a{

	text-decoration: none;
}

#content, #footer{

	padding: 20px;
	margin-top: 20px;
	border-top: 2px solid #d37e93;
}

#content{
}

.sponsor-event{

	text-align:center;
	padding: 10px 0px;
}

.sponsor-event-platinum {

	border: 1px solid #ddd;
	background-image: conic-gradient(
										#fff,
										#eed,
										#fff,
										#eed,
										#fff,
										#eed,
										#fff,
										#eed
										);
}

.sponsor-event-gold {

	border: 1px solid #ddd;
	background-image: conic-gradient(
										#fff,
										#cd6,
										#fff,
										#cd6,
										#fff,
										#cd6,
										#fff,
										#cd6
										);
}

.sponsor-event-silver {

	border: 1px solid #ddd;
	background-image: conic-gradient(
										#fff,
										#ddd,
										#fff,
										#ddd,
										#fff,
										#ddd,
										#fff,
										#ddd
										);
}

.sponsor-event-bronze {

	border: 1px solid #ddd;
	background-image: conic-gradient(
										#fff,
										#cb9,
										#fff,
										#cb9,
										#fff,
										#cb9,
										#fff,
										#cb9
										);
}

.sponsor-banner{

	display:inline-block;
}

#footer div{

	padding: 10px 0px;
	vertical-align: middle;
}

@media only screen and (max-width: 1080px){

	.logo-01{

		width: 100%;
	}

	.navigation-button-02, #social-media{

		margin: 3px;
	}
}