index.css

@charset "utf-8";
/* CSS Document */

*{
	margin:0px auto;
}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;	
}
.Lankey_dudes{
	width: 100%;
	height: auto;
	background-color: #CBCBCB;
}
.top_nav{
	width: 100%;
	height: auto;
}
.top_nav_left{
	width:40%;
	height: 55px;
	float: left;
	background-color: #304178;

}
.top_nav_left h2{
	font-size: 30pt;
	text-align: center;
	color: #fff;
	margin-top: 2px;
}
.top_nav_right{
	width:60%;
	float: left;
	height: auto;
	background-color: #304178;
	
}
.top_nav_navigartion{
	width: 70%;
	float: left;
	height:55px;
	background-color: #304178;
}
.top_nav_navigartion ul {
  			list-style-type: none;
  			margin: 0;
  			padding: 0;
  			overflow: hidden;
  			background-color: #304178;
			}

.top_nav_navigartion li {
  			float: left;
			}

.top_nav_navigartion li a {
  				display: block;
  				color: white;
			font-size: 17pt;
  				text-align: center;
  				padding: 14px 16px;
  				text-decoration: none;
			}

.top_nav_navigartion li a:hover {
  					background-color: #111;
						}
.top_nav_logo{
	background-color: #304178;
	height: 55px;
	float: left;
	width:30%;
	
}
.top_nav_logo img{
	width: 15%;
	float: left;
	margin-top: 10px;
	padding-left: 30px;
	
}
.body_image img{
	margin-top: 4px;
	width: 100%;

}
.lankey_text{
	background-color: #304178;
	width: 99%;
	height: auto;
	border-radius: 10px;
}
.dudes_text{
	width: 85%;
	height:200px;
	padding-top: 30px;
}
.dudes_text p{
	font-size: 15pt;
	text-align: justify;
    line-height: 26px;
	color: #fff;
	font-style: inherit;
}
.third_box{
	width: 100%;
	height: auto;
	
}
.third_box img{
	width: 100%;
	margin-top: 4px;
}

.lankey_give_away_text{
	background-color: #304178;
	width: 99%;
	height: auto;
	border-radius: 10px;
	margin-top: 4px;
}
.give_away_text{
	width: 85%;
	height:225px;
	padding-top: 30px;
}
.give_away_text p{
	font-size: 15pt;
	text-align: justify;
    line-height: 26px;
	color: #fff;
	font-style: inherit;
	margin-top: 15px;
}
.give_away_text h3{
	text-align: center;
	font-size: 25pt;
	color: #fff;
}

.give_way_images{
	width: 100%;
	height: 1587px;
	margin-top: 0;
	
}
.give_way_images img{
	width: 19%;
	float: left;
	overflow: hidden;
	transition: all 0.4s;
	margin-left: 11px;
	margin-top: 10px;
	border-radius: 10px;
}
.give_way_images :hover{	
		-ms-transform: scale(1.04); /* IE 9 */
  		-webkit-transform: scale(1.04); /* Safari 3-8 */
  		transform: scale(1.04); 
		overflow: hidden;
		border-radius: 10px;
}
.stats_box{
	background-color: #304178;
	width: 99%;
	height: auto;
	border-radius: 10px;
}
.status_mid_box{
	width: 85%;
	height:75px;
	padding-top: 15px;
}
.status_mid_box h5{
	font-size: 15pt;
	text-align: justify;
    line-height: 26px;
	color: #fff;
	font-style: inherit;
}
.lankey_dude_box{
	background-color: #304178;
	width: 99%;
	height: auto;
	border-radius: 10px;
	margin-top: 4px;
	
}
.Mid_lankey_dudes p {
	color: #fff;
}
.Mid_lankey_dudes{
	width: 85%;
	height:235px;
	padding-top: 30px;
}
.Mid_lankey_dudes h2{
	font-size: 15pt;
	text-align: justify;
    line-height: 26px;
	color: #fff;
	font-style: inherit;
}
.Mid_lankey_dudes ol{
	font-size: 15pt;
	text-align: justify;
    line-height: 26px;
	color: #fff;
	font-style: inherit;
	margin-top: 15px;
}
.footer{
	width: 100%;
	background-color: #304178;
	height: auto;
	margin-top: 4px;
}
.footer_nav_navigartion{
	width: 60%;
	float: left;
	height:55px;
	background-color: #304178;
}
.footer_nav_navigartion ul {
  			list-style-type: none;
  			margin: 0;
  			padding: 0;
  			overflow: hidden;
  			background-color: #304178;
}

.footer_nav_navigartion li {
  			float: left;
			}

.footer_nav_navigartion li a {
  				display: block;
  				color: white;
			font-size: 17pt;
  				text-align: center;
  				padding: 14px 16px;
  				text-decoration: none;
			}

.footer_nav_navigartion li a:hover {
  					background-color: #111;
						}
.footer_nav_logo{
	background-color: #304178;
	height: 55px;
	float: left;
	width:40%;
	
}
.footer_nav_logo img{
	width: 8%;
	float: left;
	margin-top: 10px;
	padding-left: 30px;
	
}
.slideshow-container {
  max-width: 100%;
  margin: auto;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 0.5s;
  animation-name: fade;
  animation-duration: 0.5s;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  margin-top: 5px;
  background-color: #616983;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #304178;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

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

.top_nav_left {
  width: 100%;
}
.top_nav_right {
  width: 100%;
}
.top_nav_navigartion {
  width: 100%;
  height: 55px;
}
.top_nav_logo {
  height: 55px;
  width: 100%;
}
.top_nav_navigartion li a {
  font-size: 12pt;
  margin-left: 4px;
}
.top_nav_logo img {
  width: 9%;
  margin-top: 1px;
  padding-left: 77px;
}
.lankey_text {
  height: 460px;
}
.lankey_give_away_text {
  height: 520px;
}
.give_way_images {
  height: 780px;
}
.give_way_images img {
  width: 22%;

}
.lankey_dude_box {
  height: 510px;
}
.footer_nav_navigartion {
  width: 76%;
	height: 41px;
}
.footer_nav_logo {
  width: 20%;
  height: 41px;
}
.footer_nav_navigartion li a {
  font-size: 8pt;

}
.footer_nav_logo {
  width: 24%;
}
.footer_nav_logo img {
  width: 25%;
  margin-top: 11px;
  padding-left: 5px;
	
}
}