@charset "utf-8";
/* CSS Document */

body {
	height: 100%;
	width: 100%;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:1em;
	font-weight:400;
	color:#fff;
	background-repeat:repeat; 
}

.bg{background-image: url(../images/Background.jpg ); background-size: cover; }
ul.sb_menu{	margin:0;	padding:0;	color:#fff;	list-style:none; margin-top:80%}
ul.sb_menu li {

}
ul.sb_menu li a{	display:block;	color:#fff;	text-decoration:none;	padding:5px;	margin-left:-15px;	padding-left:20px;}
ul.sb_menu li a:hover{	color:#0072bb;}
.menu{
	background-color:#2a243e;
	padding:20px;
	text-align: right;
}
.col-12 { width:100%;}
.col-10 {
width:82%; float:left
}
.col-9 {
width:75%; float:left
}

.col-6 {
width:50%; float:left; padding-bottom:20px
}
.col-5 {
width:35%; float:left; bottom:0px; margin-top:-150px
}

.col-4 {
width:33.33333333%; float:left
}

.col-2 {
width:18%; float:left; text-align:right; padding:10% 0
}
.hd{color:#f8b03e;  font-family: 'Dancing Script', cursive; font-size:44px; text-align:left; line-height:normal}
.container1{
	padding: 5%;
text-align: right;
width: 80%;
float: left;
}
.main{ width:80%; float:left; margin-top:40px}
.content{
	width:100%;
	background-color:#fff;
	padding:3%;
	float:left;
	color:#666;
	margin-top: 1%;
}
.txt{color:#d76000; font-size:32px; text-align:justify}


@media screen and (max-width:1280px){
	
.hd{color:#f8b03e;  font-family: 'Dancing Script', cursive; font-size:32px; text-align:left}
.col-6 {
width:50%;
}

@media screen and (max-width:1024px){
	
.hd{color:#f8b03e;  font-family: 'Dancing Script', cursive; font-size:36px; text-align:left}
}
@media screen and (max-width:1024px){
.bg{background-image:url(../images/Background.jpg); background-repeat:repeat; background-attachment:scroll}
.col-6 {
width:90%; margin:0 5%}
}
@media screen and (max-width:1024px){
.col-6 {
width:80%; margin:0 10%; margin-top:-80px; background-color:#2A243E; padding:2% 2%;}
.col-5 { padding-left:6%; }
.main{ margin-top:none;}
.col-5{width:50%; margin-top:-65px;}
}
@media screen and (max-width:768px){
.col-2 { width:90%; margin:0 5%; padding:0}
.col-10 {width:100%; }
.container1{width:100%;}
.col-5{width:80%;}


@media screen and (max-width:640px){
.col-2 { width:90%; margin:0 5%; padding:0}
.col-10 {width:100%; }
.col-6 { margin-top:-50px; }

}