body
{
    overflow-x:hidden;
    height: 100vh;
     width: 100vw;
    margin:0;
    font: 15px "Century Gothic", "Times Roman", sans-serif;
    background:#007C92;

    /*background-image: url("../image/bg3.jpg");
    background-repeat: no-repeat;
  
    background-position: center; 
   background: url('../image/bg3.jpg') center center cover no-repeat fixed;*/
   /* min-height:550px;
    background-attachment:fixed;*/

}

.wrapper{background: url('../image/Kanyashree_Banner_Life_Skills.png') no-repeat   center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
.bg
{
    background:url(../image/Kanyashree_Banner_Life_Skills.png) no-repeat;

background-color: #007C92; /* Used if the image is unavailable */
padding: 0px;


height: 620px;
width:100%;




background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */

  
}
.bg1
{
background:url(../image/Kanyashree_Banner_Life_Skills.png) no-repeat;

background-color: #007C92; /* Used if the image is unavailable */
padding: 0px;


height: 620px;
width:100%;




background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */

  
}

@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:40px;
        padding:20px;
        
        font: 16px "Century Gothic", "Times Roman", sans-serif;
        }


.title
{
font-family:'typo';
}

.header
{
background:#202020;
height:70px;
}
.logo
{
font-family:'typo';
font-size:28px;
color:#ffbb33;
margin:15px;
}

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


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


.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:0px solid;
border-color:#323232;
background-color:#202020;
overflow:hidden;
position:fixed;
bottom:0;
width:110%;
height:70px;

}
.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;
}