html, body
{	padding: 0;	margin: 0;}

body
{
	background: #ddd url(cross.png) repeat;
	font-family: 'Open sans', sans-serif;
	position: relative;
	-webkit-text-size-adjust: none; margin: 0 5%;
	box-shadow: 0px 0px 60px rgba(23, 23, 23, 0.4);
}

@media only screen and (max-width: 769px) {
	
body { margin: 0;}	
}

body *
{	text-shadow: none;}

h1, h2, h3, h4, h5, h6
{	line-height: 1;	margin: 0px 0 10px 0;	}

h1{	font-size: 3.8em; padding: 80px 5% 2px 5%;  font-weight: 400; font-family: 'Arimo', sans-serif;  color: #211B50;  }


@media only screen and (max-width: 480px) {
h1 {font-size: 2.3em; }	}

h2{font-size:2.6em;   color:  #66306F; padding: 0 5%;   }

@media only screen and (max-width: 480px) {
h2 { font-size: 1.8em;	}}


h3{	font-size: 1.8em; line-height: 1.8em; padding: 0 10% 0 10%; font-weight: normal; color: #3c3c3c;}

@media only screen and (max-width: 480px) {
h3 { font-size: 1.2em;	}}

h4, h5, h6 {	font-size: 1.4em;}

p{font-size: 1.3em; margin: 0 ; padding:0 20%; font-weight: normal; line-height:1.6em; color: #4a4a4a; margin: 0;}


@media only screen and (max-width: 480px) {
	p{ padding:0 5%;  font-size: 1em;}}

.big {font-size: 1.3em; }
.menu {margin: 0 0 0 32px; font-size: 1.2em;}
.menu2  {margin: 0 0 0 120px;font-size: 1.2em;}
.menu3  {margin: 0 0 0 100px;font-size: 1.2em;}
.menu4  {margin: 0 0 0 42px;font-size: 1.2em;}
.sml{font-size:.6em;  letter-spacing: .1em;}
.white {color: #fff; font-size: 1.2em;}

.pink {color: #Fff; font-size: 3em;}
.lge {font-size: 1.8em;}

@media only screen and (max-width: 479px) {
	.lge {font-size: 1em;}
}

a, a:link, a:active, a:visited, a:hover
{color: #222; text-decoration: none; outline:none;  opaciy: .9;}

a {outline: none; border-bottom: 1px dashed ;}

a:hover{color: #00BCFF; border-bottom: 0; text-decoration: none; outline:none; }

ul li {	list-style-type: none;	margin: 0px;	padding: 0px; color: #fff;}


/* menu stuff g'wan 'ere*/

nav:not(.mm-menu)
{display: none;}

#menu {background: #45416B;}

#menu a {color: #fff;}

#menu p{color: #ffc; padding: 20px; font-size: 1em; background: transparent; font-weight: normal;}
#menu h3 {font-size: 1.2em;}

 .content, .footer {	text-align: left;}

.header
{	background: #211B50;
	font-weight: normal;
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 60px; 
	padding: 0 50px; position: fixed; opacity: .8;}

		.header img {padding: 0 0 0 3.2%;}
	
	.header2
{	
	font-weight: normal;  
	color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; top: 0;
	height: 50px; opacity: .9;
	padding: 7px 0px 0 0; position: fixed;}
	
	@media only screen and (min-width: 481px) { 
		.header {width: 10%;}
		.header2 {display: none;}
			.header FixedTop {display: none}
	}
	

	
	.header a
{	background: center center no-repeat #1F4164;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;	width: 40px; height: 40px; position: absolute;	top: 16px;	left: 12px; }
	
	@media only screen and (min-width: 480px) 
{ .header a {display: none;}
}
	
.header.fixed{ position: fixed; top: 0; left: 0; }


/* for desktop yada */
#nav {width: 90%; height: 60px; background: #0B043F;  position: fixed; opacity: .9; font-variant:small-caps; text-align:center;}

#nav a:link, #nav a:visited  {     color: #00BCFF;  border: 0; background: transparent;}
#nav a:hover { color: hsl(36,100%,50%);}

@media only screen and (max-width: 480px) 
{ #nav {display: none;}}

#nav a:hover {background: transparent; color: #ff0;}

#nav h3 {padding: 12px 0 0 0px; font-weight: normal; font-size: 1.4em; color: #888; margin: 0; letter-spacing: 0.1em;}

@media only screen and (max-width: 768px) {
#nav h3 { font-size: 1.2em; }	}

@media only screen and (max-width: 668px) {
#nav h3 { font-size: .8em; padding: 15px 0 0 125px; }	}



/*==========contentt ===============*/
#intro {background: transparent; height: 32px;  color: #fff; margin: 0px;  } 

#intro img {margin: 5% 0 10px 0; max-width: 99.6%; height: auto; background: transparent;}


#first {background:  #F4EFE1; height: auto;   }
#first img, #second img, #third img {max-width: 100%; height: auto; border: 0px; padding: 0; }

#name{background: #C6BFFF; height: auto; width: 100%;}
#name h1 {color: #0B043F;}
#name img {padding: 5% 15% 0 0;}

@media only screen and (max-width: 480px) {
#name h3 {font-size: 1em;}	
}


#bar {background: #302F3F ; width: 100%; height:auto;  margin: 0; padding: 0;}
#bar h1, #second h1 {color: #ddd;}
#bar p, #second p {color: #fff;}

#bar a:link, #bar a:visited,
#second a:link, #second a:visited,
#third a:link, #third a:visited 
 {color: #fff;  border: 0; background: transparent; border-bottom: 1px dashed;}


#bar a:hover,
#second a:hover,
#third a:hover
 {color: #00BCFF; border:0;} 

@media only screen and (max-width: 480px) {
#bar h3 {padding: 0 12.5%;}
}

#career {background:  #E2DFFF; height: auto; width: 100%;}

#second {background: #66306F; height: auto; }

#third {background: #28032F; height: auto; }

#third h1 {color: #C6BFFF;}
#third h3 {color: #C6BFFF;}
#third p {color: #fff;}
	
.noborder {border: 0px;}





.footer
{	background: #27177F;
	font-weight: normal;	width: 90%;
	height: auto; bottom: 0; margin: 0; padding: 0 0 0 10%;}

.footer.fixed
{ bottom: 0; left: 0;}

.footer a {border: 0; background: transparent; color: #CFF7FF;}
.footer a:hover {color: #00BCFF; background: transparent;}
.footer h3 {font-size: 2em; line-height: 1.6em; margin: 0; padding: 20px 0 30px 0; font-weight: bold; color: #ccc; font-variant:normal;} 


@media only screen and (max-width: 768px) 
{.footer h3 {font-size: 2em; }}


@media only screen and (max-width: 480px) 
{.footer h3 {font-size: 1.2em; }}