#navbar_index
{
	color:#222;
	background-color:#fff;
	background-image:url('../images/6.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	min-height:400px;
	margin-bottom:20px;
}

.container
{
	width:85%;
	margin:auto;
	overflow:hidden;
}

.container img
{
	border:1px solid #bbb;
}

.img_container
{
	display:flex;
}

.container2_index
{
	float:left;
	width:90%;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:20px;
/*	border:1px solid #222;*/
}

.container2_index ul li
{
	display:inline;
	float:left;
	list-style:none;
}

.container2_index img
{
	width:35%;
/*	border:10px solid #bbb;*/
}

.container3_left
{
	float:left;
	padding-top:100px;
	padding-left:20px;
/*	border:1px solid #222;*/
}

.container3_left ul li
{
	float:left;
	list-style:none;
	position:relative;
}

.container3_left ul li a
{
	display:block;
	font-family:'Varela Round', sans-serif;
	color:#cccbb8;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	padding:5px 7px;
}

.container3_left ul li a:hover
{
	color:#666;
	background-color:#f4f4f4;
	border-radius:3px;
}

.container3_left ul li ul
{
	display:none;
	position:absolute;
	background-color:#fff;
	padding:4px;
	z-index:2;
	border-radius:0px 0px 3px 3px;
}

.container3_left ul li:hover ul
{
	display:block;	
} 

.container3_left ul li ul li
{
	width:100%;
	white-space:nowrap;
}

.container3_left ul li ul li a
{
	font-family:'Varela Round', sans-serif;
	color:#666;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	padding:1px 5px;
}

.container3_left ul li ul li a:hover
{
	background-color:#f4f4f4;
	border-radius:3px;
}

.container3_text
{
	display:block;
	font-family:'Varela Round', sans-serif;
	color:#666;
	font-size:17px;
	font-weight:normal;
	text-decoration:none;
	padding:5px 7px;
/*	border:1px solid green;*/
}

.container3_right
{
	float:right;
	padding-top:100px;
	padding-right:20px;
/*	border:1px solid #222;*/
}

.container3_right ul li
{
	float:left;
	list-style:none;
	position:relative;
}

.container3_right ul li a
{
	display:block;
	font-family:'Varela Round', sans-serif;
	color:#cccbb8;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
}

.container3_right ul li a:hover
{
	color:#666;
	background-color:#f4f4f4;
	border-radius:3px;
}

#main1, #main2
{
	float:left;
	color:black;
	font-family:'Varela Round', sans-serif;
	font-size:14px;
	line-height:1.5em;
	text-align:justify;
	width:50%;
	margin:auto;
	box-sizing:border-box;
}

#main1
{
	padding-left:15px;
	padding-right:30px;
}
#main2
{
	padding-left:45px;
	padding-right:5px;
}

#main3
{
	margin:auto;
	padding: 2%;
/*	border:1px solid blue;*/
}

.button
{
	font-family:'Varela Round', sans-serif;
	background-color:#eee;
	width:50px;
	height:40px;
	border:1px solid #ccc;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
}

.button:hover
{
	background-color:#e9e9e9;
}

.fixed
{
	position:fixed;
	top:300px;
}

.fixed a
{
	color:#000;
	text-decoration:none;
}

@media(max-width:700px)
{
	#main1, #main2
	{
		width:90%;
		float:none;
		padding:5px;
		margin:auto;
		display:block;
	}
}

@media(max-width:600px)
{	
	.img_container
	{
		display:block;
	}
	
	#main3
	{
		width:90%;
		margin:auto;
		padding: 5%;
		float:none;
	}

	#main3 img
	{
		width:100%;
	}
}