body{
	background-color:#fff;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:1.6em;
	margin:0;
	max-width: 1200px;
}

.cbox{
	width: 60%;
	align-self: center;
	margin:auto;
}
img {
max-width: 100%;
height: auto;
align: center;

}
.Lpix{
padding: 15px;

max-width: 100%;
height: auto;
width: 60%;
float: left;}
.Rpix{
padding: 15px;

max-width: 100%;
height: auto;
width: 60%;
float: right;}

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

#main-header{
	background-color:#fff;
	color:#000; font-size: 20px;
	margin-top: 25px;
}

#navbar{
	background-color:#333;
	color:#fff; width: 100%;
}

#navbar ul{
	padding:0;
	list-style: none;
}

#navbar li{
	display:inline;
}

#navbar a{
	color:#fff;
	text-decoration: none;
	font-size:18px;
	padding-right:15px;
}


#main{
	float:left;

	width:70%;
	padding:30px;
	background: #eee;
	color: #000;
	box-sizing: border-box;
}

.box-1{
	background-color:#eee;
	color:#000;

	padding:20px;

	margin-top:20px;
	margin:20px 0;
}
.box-3{ align-content: center; }

#sidebar{
	float:right;
	width:40%;
	background: #ddd;
	color:#000;
	padding:30px;
	margin-top: 20px;
}




.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-footer{
	background: #333;
	color:#fff;
	text-align: center;
	padding:20px;
	margin-top:40px;
}

@media(max-width:600px){
	#main{
		width:100%;
		float:none;
	}

	#sidebar{
		width:100%;
		float:none;
	}
}