/********reset*******/




* {
    box-sizing: border-box !important;
}

.container-fluid {
	background-color: #86ACAB;
}
        
.menu {
	position: absolute;
	height: 100%;
    overflow: visible !important;
	margin-bottom: 0;
        }
.altmenu {
	position: relative;
	margin-bottom: 0;
}
.altmenu h1,.altmenu h2, .altmenu h3, .altmenu h4, .altmenu h5, .altmenu h6 {
	position: relative;
	margin: 0px 0px 0px 0px!important;
}

.menu1 {
	margin-top: 0!important;
	margin-bottom: 0;
}

.menu h1, .altmenu h2, .altmenu h3, .altmenu h4, .altmenu h5, .altmenu h6 {
	margin: 0px 0px 0px 0px;
}
/********reset son*******/

/**** başlık bölümü ******/

.baslik {
	position: absolute;
	top: 100px !important;
	margin-left: 10%;
	margin-right: 10%;
	width: 100%;
	
}

.baslik h1 {
	width: 100%;
	color: #008097 !important;
	font-family: 'sarabun', sans-serif;
	
	
}

/**** başlık sonu ******/

/**** menü ******/
.menu {
	position: absolute;
	top: 400px;
	width: 600px;
	left: 40px;
}

.menu1 {
	background-color: #A1A1A1;
	border-style: double;
	border-color: aqua;
}

.menu h1, .altmenu h2, .altmenu h3, .altmenu h4, .altmenu h5, .altmenu h6 {
	color: #008097!important;
	font-family: 'sarabun', sans-serif!important;
}

.altmenu {
	position: relative;
}
.altmenu h2, .altmenu h3, .altmenu h4, .altmenu h5, .altmenu h6 {
	
	height: 50px;
	line-height: 50px!important;
	font-family: 'sarabun', sans-serif!important;
	border-style: double;
	border-color: aqua;
	color: #006172!important;
	background-color: #B9B9B9;
	font-size: 15px!important;
}

.altmenu ul {
	position: relative;
	
	color: #006172; 
}

.altmenu li {
	position: relative;

	background-color:#568C90;
	z-index: 10;
	
}
.altmenu li a {
	color: antiquewhite;
}

/******** hover*******/

.altmenu li {
	display: none;
}

.altmenu:hover.altmenu li {
	display: block;
}

/**** hover son ******/
/**** menü son ******/
	
@media screen and (max-width: 1500px) {
	.baslik h1 {
		font-size: 5rem;
}
}
@media screen and (max-width: 1400px) {
	.baslik h1 {
		font-size: 5rem;
}
}
@media screen and (max-width: 1200px) {
	.baslik h1 {
		font-size: 5rem;
}
}



@media screen and (max-width: 800px) {
	.baslik h1 {
		font-size: 4rem;
}
}

@media screen and (max-width: 700px) {
	.baslik h1 {
		font-size: 3.5rem;
}
}

@media screen and (max-width: 600px) {
	.baslik h1 {
		font-size: 3.1rem;
}
}

@media screen and (max-width: 500px) {
	.baslik h1 {
		font-size: 3.1rem;
}
}

@media screen and (max-width: 450px) {
	.baslik h1 {
		font-size: 3rem;
}
}


@media screen and (max-width: 1200px) {
	.menu {
		display: none;
	}
}


	
/**** media son ******/
	
	
.navbar {
	display: block;
	top: 210px;
	
}
@media screen and (min-width:1201px) {
	.navbar-inverse {
		display: none;
	}
}



/**** mobil menu son ******/
/**** mobil menu  ******/
.navbar-inverse{
	border-color: #06FFFF!important;
}
.active a {
	background-color: #B9B9B9!important;
}

.navbar-inverse a {
	border-color: #06FFFF!important;
	color: #0A8198!important;

}
.navbar-inverse a:hover{
	color: white!important;
}