body
{
overflow-x:hidden;
width:100%;
font: 15px "Century Gothic", "Times Roman", sans-serif;
background:#eee;
min-height:770px;
background-attachment:fixed;
}
.bg
{
min-height:760px;
}
.bg1
{
/*background:url(../image/home.jpg);*/
min-height:755px;
}

@font-face {
   font-family: 'typo';
    src: url('../fonts/typo.ttf');
	}

@font-face {
   font-family: 'gothic';
    src: url('../fonts/gothics.ttf');
	}

.panel{
	 
	border-color:#eee;
	margin:62px;
	top:52px;
	padding:20px;
	font: 15px "Century Gothic", "Times Roman", sans-serif;
}

.title
{
font-family:'typo';
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   .header 
     { 
    background: #4e81ac;
        height: 130px;
         max-width: 100%;
        text-align: center;
    }
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .header 
     { 
    background: #4e81ac;
        height: 130px;
         max-width: 100%;
        text-align: center;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .header 
     { 
    background: #4e81ac;
        height: 130px;
         max-width: 100%;
        text-align: center;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .header 
     { 
    background: #4e81ac;
        height: 70px;
         max-width: 100%;
        text-align: center;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .header 
     { 
    background: #4e81ac;
        height: 70px;
         max-width: 100%;
        text-align: center;
    }
}

/* @media only screen and (max-width: 400px) {*/
/*    .header*/
/*    {*/
    /*background:#002147;*/
    /*height:70px;*/
/*    background: #002147;*/
/*        height: 130px;*/
/*         max-width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*}*/
/* @media only screen and (max-width: 768px) {*/
/*    .header*/
/*    {*/
    /*background:#002147;*/
    /*height:70px;*/
/*    background: #002147;*/
/*        height: 130px;*/
/*         max-width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*}*/
/*@media only screen and (max-width: 992px) {*/
/*    .header*/
/*    {*/
    /*background:#002147;*/
    /*height:70px;*/
/*    background: #002147;*/
/*        height: 70px;*/
/*         max-width: 100%;*/
/*        text-align: center;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 993px) {*/
/*   .header*/
/*    {*/
    /*background:#002147;*/
    /*height:70px;*/
/*    background: #002147;*/
/*        height: 70px;*/
/*         max-width: 100%;*/
/*        text-align: center;*/
/*    } */
/*}*/
/*.header*/
/*{*/
 
/*background: #002147;*/
/*    height: 70px;*/
/*     max-width: 100%;*/
/*    text-align: center;*/
/*}*/
.logo
{
font-family:'typo';
font-size:35px;
color:#fff;
margin:15px;
}

.title1{
font: 16px "Century Gothic", "Times Roman", sans-serif;
}
.title2{
font-family: 'Ubuntu', sans-serif;
font-size:20px;
}


.sub1
{
width:120px;
color:#202020;
background:orange;
font-size:15px;
height:35px;
margin:20px;
padding:10px;
width:120px;
}

.responsive {
  width: 100%;
  height: auto;
}

.sub
{
width:100%;
background-color:#9acd32;
font-size:20px;
padding:2px;
margin-top:15px;
margin-right:20px;
}
.sub:hover
{
color:#fff;
}

.footer
{
font-size:15px;
text-align:center;
border-top:1px solid;
border-color:#323232;
background-color:#202020;
}
.footer a
{
margin:25px;
color:orange;
text-decoration:none;
font: 15px "Century Gothic", "Times Roman", sans-serif;

}
.footer a:hover
{
text-decoration:none;
color:#9acd32;
border-top:2px solid;
border-color:orange;

}

.box
{
padding:9px;
}
hr{
color:#000000;
}
.top
{
margin-top:20px;
}
.log1
{
font: 15px 'Ubuntu', sans-serif;
color:orange;
margin-left:10px;
}

.log
{
margin:10px;
margin-right:60px;
margin-left:5px;
color:orange;
text-decoration:none;
font-size:20px;
font-size:15px;
}
.log:hover
{
color:#9acd32;
border-top:2px solid;
border-color:orange;
text-decoration:none;
}
