html, body{
	margin: 0px !important;
	background-color: #1CA4DE;
}

.logo-text p
{
	font-family: 'Dancing Script', cursive;;
    
    line-height: 1.5;
    color: #000;
    padding-top: 50px;
}

@media only screen and (min-width:1920px)
{
	.logo-text p{
		font-size: 74px;
	}
}
@media only screen and (min-width:1700px) and (max-width:1919px)
{
	.logo-text p{
		font-size: 65px;
	}
}
@media only screen and (min-width:1600px) and (max-width:1699px)
{
	.logo-text p{
		font-size: 60px;
	}
}

@media only screen and (min-width:1500px) and (max-width:1599px)
{

	.logo-text p{
		font-size: 57px;
	}
}
@media only screen and (min-width:1450px) and (max-width:1499px)
{

	.logo-text p{
		font-size: 55px;
	}
}
@media only screen and (min-width:1300px) and (max-width:1449px)
{

	.logo-text p{
		font-size: 53px;
	}
}
@media only screen and (min-width:1270px) and (max-width:1299px)
{

	.logo-text p{
		font-size: 52px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1269px)
{

	.logo-text p{
		font-size: 48px;
	}
}
@media only screen and (min-width:1100px) and (max-width:1199px)
{
	
	.logo-text p{
		font-size: 45px;
	}
}

@media only screen and (min-width:996px) and (max-width:1099px)
{
	
	.logo-text p{
		font-size: 40px;
	}
}
@media only screen and (min-width:996px) and (max-width:1099px)
{
	
	.logo-text p{
		font-size: 40px;
	}
}
@media only screen and (min-width:955px) and (max-width:995px)
{
	
	.logo-text p{
		font-size: 38px;
	}
}

@media only screen and (min-width:900px) and (max-width:954px)
{
	
	.logo-text p{
		font-size: 35px;
	}
}
@media only screen and (min-width:768px) and (max-width:899px)
{
	
	.logo-text p{
		font-size: 28px;
	}
}
@media only screen and (min-width:700px) and (max-width:767px)
{
	
	.logo-text p{
		font-size: 25px;
	}
}
@media only screen and (min-width:700px) and (max-width:767px)
{
	
	.logo-text p{
		font-size: 32px;
	}
}
@media only screen and (min-width:600px) and (max-width:699px)
{
	
	.logo-text p{
		font-size: 27px;
	}
}
@media only screen and (min-width:500px) and (max-width:599px)
{
	
	.logo-text p{
		font-size: 22px;
	}
}
@media only screen and (min-width:400px) and (max-width:499px)
{
	
	.logo-text p{
		font-size: 17px;
	}
}
@media only screen and (min-width:360px) and (max-width:399px)
{
	
	.logo-text p{
		font-size: 15px;
	}
}
@media only screen and (min-width:300px) and (max-width:359px)
{
	
	.logo-text p{
		font-size: 13px;
	}
}

.cot-i{
	width: 100%;
	background-color: #1CA4DE !important;
	margin: 0px !important;
}
.cot-ind{
	width: 100%;
	background-color: #1CA4DE !important;
	margin: 0px !important;
}

@media only screen and (min-width:1920px)
{
	.cot-ind{
		padding-top: 100px;
	}
}
@media only screen and (min-width:1600px) and (max-width:1920px)
{
	.cot-ind{
		padding-top: 90px;
	}
}

@media only screen and (min-width:1400px) and (max-width:1599px)
{

	.cot-ind{
		padding-top: 70px;
	}
}


@media only screen and (min-width:1200px) and (max-width:1399px)
{

	.cot-ind{
		padding-top: 40px;
	}
}

@media only screen and (min-width:768px) and (max-width:1199px)
{
	
	.cot-ind{
		padding-top: 20px;
	}
}

@media only screen and (min-width:300px) and (max-width:767px)
{
	
	.cot-ind{
		padding-top: 10px;
	}
}

.logo-index{
	padding-top:20px;
	text-align: center;
}

@media screen and (min-width:992px)
{
	.logo-index img{
		width: 265px;
		height: 40px;
	}
}
@media screen and (max-width:991px)
{
	.logo-index img{
		width: 200px;
		height: 32px;
	}
}
.menu-i {
	text-align: center;
  border: 3px solid #F8EC3E;
  color:white;
  padding: 5px;
}


@media only screen and (min-width:1920px)
{
	.menu1{	
		margin-left: 300px;
	}
	.menu2{
	margin: 0 150px;
	}
		.menu3{
	margin-right: 300px;
	}
}
@media only screen and (min-width:1721px) and (max-width:1920px)
{
	.menu1{	
		margin-left: 200px;
	}
	.menu2{
	margin: 0 100px;
	}
		.menu3{
	margin-right: 200px;
	}
}
@media only screen and (min-width:1600px) and (max-width:1720px)
{
	.menu1{	
		margin-left: 180px;
	}
	.menu2{
	margin: 0 90px;
	}
		.menu3{
	margin-right: 180px;
	}
}

@media only screen and (min-width:1400px) and (max-width:1599px)
{
	.menu1{	
		margin-left: 150px;
	}
	.menu2{
	margin: 0 75px;
	}
		.menu3{
	margin-right: 150px;
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px)
{
	.menu1{	
		margin-left: 100px;
	}
	.menu2{
	margin: 0 50px;
	}
		.menu3{
	margin-right: 100px;
	}
}
@media only screen and (min-width:768px) and (max-width:1199px)
{
	.menu1{	
		margin-left: 80px;
	}
	.menu2{
	margin: 0 40px;
	}
		.menu3{
	margin-right: 80px;
	}
}

@media only screen and (min-width:300px) and (max-width:767px)
{
	.menu1{	
		margin: 10px;
	}
	.menu2{
	margin: 10px;
	}
		.menu3{
	margin: 10px;
	}
}
.menu-item {
	
}
.menu-item a{

  color:white !important;
  text-decoration: none !important;
}
.menu-i h5{
	font-size: 14px !important;
}
@media only screen and (min-width:1734px) and (max-width:2400px)
{
	.menu-i h5{	
		font-size: 20px !important;
	}
}
@media only screen and (min-width:1485px) and (max-width:1733px)
{
	.menu-i h5{
		font-size: 18px !important;
	}
}
@media only screen and (min-width:1400px) and (max-width:1484px)
{
	.menu-i h5{
		font-size: 16px !important;
	}
}

@media only screen and (min-width:1200px) and (max-width:1399px)
{
	.menu-i h5{
		font-size: 15px !important;
	}
}

.menu-item{
	margin-top: 40px;
}

.menu-item:hover{
	background-color: #F8EC3E;
}
.menu-item:hover  a h5{
	color:#1CA4DE !important;
	text-decoration: none !important;
	background-color: #F8EC3E;
}

.menu-i:hover h5{
	text-decoration: none !important;

}

@media only screen and (min-width:794px) and (max-width:1176px)
{
	.menu-i{	
		min-height: 112px;
		padding: 10PX;
	}
}
@media only screen and (min-width:768px) and (max-width:793px)
{
	.menu-i{
		min-height: 160px;
		padding:10px;
	}
}

.menu-img1 .menu-img2 .menu-img3{
	text-align: center;
}


@media only screen and (min-width:1920px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 300px;
	padding-right: 0px;
}

.menu-img2 img{
	width: 100%;
	padding-left: 150px;
	padding-right: 150px;
}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 300px;
}
}
@media only screen and (min-width:1734px) and (max-width:1920px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 200px;
	padding-right: 0px;
}

.menu-img2 img{
	width: 100%;
	padding-left: 100px;
	padding-right: 100px;
}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 200px;
}
}
@media only screen and (min-width:1600px) and (max-width:1733px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 180px;
	padding-right: 0px;
}

.menu-img2 img{
	width: 100%;
	padding-left: 90px;
	padding-right: 90px;
}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 180px;
}
}

@media only screen and (min-width:1400px) and (max-width:1599px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 150px;
	padding-right: 0px;
}

.menu-img2 img{
	width: 100%;
	padding-left: 75px;
	padding-right: 75px;

}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 150px;

}
}

@media only screen and (min-width:1200px) and (max-width:1399px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 100px;
	padding-right: 0px;
}

.menu-img2 img{
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 100px;
}
}
@media only screen and (min-width:768px) and (max-width:1199px)
{
	.menu-img1 img{
	width: 100%;
	padding-left: 80px;
	padding-right: 0px;
	}

.menu-img2 img{
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
	}
.menu-img3 img{
	width: 100%;
	padding-left: 0px;
	padding-right: 80px;
	}
}
@media only screen and (min-width:300px) and (max-width:767px)
{
	.menu-img1 img{
	width: 100%;
	padding: 10px;
	}

.menu-img2 img{
	width: 100%;
	padding: 10px;
	}
.menu-img3 img{
	width: 100%;padding: 10px;
	}
}


.foot-ind
{
	width: 100%;
	background-color: black;
	color: white;
	bottom: 0px;
	margin-top: 30px;
	padding: 5px;
}
.foot-ind p{
	text-align: center !important;
	margin:  0px !important;
}
@media screen and (min-width:769px)
{
	.foot-ind {		
	position: absolute;
	bottom: 0px;
	}
}
@media screen and (max-width:768px)
{
	.foot-ind {
	}
}