* {
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	color:#333;
	margin:0 auto;
	padding:0;
	background-image:url(../images/abg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	overflow-x: hidden;
	background: #e9f3f8;
}
h1 {
	font-size: 22px;
    text-align: center;
    padding: 10px;
	color: #00a3ff;
}
h1:first-letter {
	color: #f84f7f;
}
h2 {
	color: #00a3ff;
}
h2:first-letter {
	color: #f84f7f;
}
strong {
	color: #00a3ff;
}
.content{
	padding: 20px;
}
.content p{
	line-height: 20px;
    margin-bottom: 10px;
    text-align: justify;
    font-size: 18px;
}
#coomeet_container {
	position: relative;
	padding: 0!important;
	margin: 0!important;
	width: 860px!important;
	height: 580px!important;
	-moz-box-shadow: 0 24px 50px -10px rgba(24,35,55,.06),0 1px 4px rgba(24,35,55,.04),0 20px 60px rgba(24,35,55,.08);
	-webkit-box-shadow: 0 24px 50px -10px rgba(24,35,55,.06), 0 1px 4px rgba(24,35,55,.04), 0 20px 60px rgba(24,35,55,.08);
	box-shadow: 0 24px 50px -10px rgba(24,35,55,.06), 0 1px 4px rgba(24,35,55,.04), 0 20px 60px rgba(24,35,55,.08);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}
@media screen and (max-width: 985px){
	#coomeet_container {
		height: 580px!important;
		width: 700px!important;
	}
}
@media screen and (max-width: 768px){
	#coomeet_container {
		border-radius: 0;
		box-shadow: 0 0 0 0 transparent;
		height: calc(var(--vh,1vh) * 100)!important;
		margin: 0;
		margin-bottom: 20px!important;
		moz-border-radius: 0;
		moz-box-shadow: 0 0 0 0 transparent;
		ms-border-radius: 0;
		order: 2;
		overflow: hidden;
		overflow: visible;
		padding: 0;
		webkit-border-radius: 0;
		webkit-box-shadow: 0 0 0 0 transparent;
		width: 100%!important;
	}
}

