.canvas {
 	position:float;
 	width:	100%;
	height:100%;
}
p, table, div, a, html, body, td {
	font-family: Segoe UI, Tahoma,Georgia, Verdana,  arial;
	font-size:16px;
}
@media (min-width: 1271px){
	p, table, div, a, html, body { font-size:18px;	 line-height: 1.5;}
	.slide_img {width: 25%;}
	.box_news_header_font {font-size:18px;}
	.header {font-size:25px;}
	.height_rows {height: 60px;}
	.inner_area {width: 1100px; margin:0 auto;}
    .col_width {width: 33%;}
}
/* #3- Regular sized laptops */
@media (max-width: 1270px) {
	.header {font-size:15px;}
	.height_rows {height: 60px;}
	.inner_area {width: 97%; margin:0 auto;}
	.brick {width: 95%;}
	.col_width {width: 50%;}
}

 @media only screen and (max-device-width: 1024px) and (orientation:landscape) {
 	p, table, div, a, html, body { font-size:12px;	 line-height: 1.5;}
 	.header {font-size:15px;}
 	.height_rows {height: 60px;}
    .slide_img {width: 15%;}
    .col_width {width: 100%;}
 }
 
 @media only screen and (max-device-width: 1024px) and (orientation:portrait) {
 	p, table, div, a, html, body { font-size:22px;	 line-height: 1.5;}
 	.header {font-size:20px;}
 	.height_rows {height: 60px;}
    .slide_img {width: 30%;}
    .col_width {width: 100%;}
 }


.header {
	color: #637bad;
	font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
 	
}

.c1{color: #637bad;}
.c2{color: #b10000;}


.rnd{border-radius: 5px;}

.desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.photo_frame {
	border: 10px solid white;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);	
}

html {overflow-y: scroll;}

html, body {
	color: #454545;
	<!--background: url(img/bg.png);-->
 	margin: 0 !important;
    padding: 0 !important;
    height:100%;
    border:none

}


select {width: 155px;height:25px;}
input {height:20px;}
.link_box{
	text-decoration: none;
}
.link_box: hover {
	text-decoration: underline;
}

.link_body {
	color: #323a45;
	font-size:14px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.link_body:hover{
	font-size:14px;
	color: #323a45;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration: underline;
}

.link_menu{
	color: #637bad;
	font-size:14px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.link_menu:hover{
	font-size:14px;
	color: #637bad;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration: underline;
}


.bb{border-bottom:1px solid silver;}
.bt{border-top:1px solid silver;}
.bl{border-left:1px solid silver;}
.br{border-right:1px solid silver;}


.ac{text-align: center;}
.ar{text-align: right;}
.ti{text-indent: 10px;}
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}

#background {
    text-align: center;
    width: 100%; 
    height: 100%; 
    position: fixed;
    left: 0px; 
    top: 0px; 
    z-index: -1;
}
#content {
	overflow: scroll;
	position: absolute;
	z-index: 1;
    left: 0px; 
    top: 0px; 
}

.div_rect{
	 position: relative; 
 	width: 100%;
  padding-bottom: 100%;
  margin-bottom: 20px;
  background: red;
}
.div_rect_noimg: hover{
	background-color:#FF0000;
}
.div_rect_noimg{
	position: relative; 
 	width: 100%;
	background: rgba(0,0,0,0.85);
	margin-bottom: 20px;
}
.div_cont{
	width: 100%;
	background: rgba(0,0,0,0.85);
 	position: absolute;
    bottom: 0;
    left: 0;
    <!--background-color: #92AD40;-->
}

.news_box_pre{
	color: white;
}
.news_box_header{
	color: #c1ed3c;
		font-weight: bold;
}

.video_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bgc1{
	background: #637bad;
}