@charset "UTF-8";
/* --------------- responsive styles ---------------- */

/* ------ my weird breakpoint ------ */
@media (min-width:961px) and (max-width:1020px){
nav {
	font-size: 16.5px;
}
#xseed a {
	margin-right: 40px;
}
#marvelous a {
	margin-right: 43px;
}
#falcom {
	margin-right: 34px;
}
#playstation {
	margin-right: 33px;
}
}

@media (min-width:961px){
#mission {
	padding-left: 10px;
}
}

@media (max-width:960px){
#contact, #order {
	display: none;
}
#logo {
	float: none;
  	margin-right: auto;
  	margin-left: auto;
}
.nav-back {
	background-color: #000000;
	background-image: none;
	/*background: url(../images/main-navback.png) repeat-x right 4px;
	background-size: 1100px 45px;*/
}
#playstation {
	clear: left;
	float: left;
	margin-bottom: 30px;
}
#esrb a {
	float: left;
}
#intelligence p, #battle p, #rnr p, #courageous p, #memoirs p, #propaganda p {
	padding-left: 20px;
	padding-right: 10px;
}
}

@media (min-width:960px){
.navbar-default .navbar-nav > li.nav-alt_linkA,
.navbar-default .navbar-nav > li.nav-alt_linkB {
	display: none;
}
}

@media (min-width:650px) and (max-width:959px){
#soldiers {
	/*font-size: 17px;*/
	line-height: 29px;
}
#soldiers h3.sect1 {
	margin-top: 0px;
}
#soldiers .subheading {
	margin-top: 0px;
}
#soldiers p {
	padding-right: 5px;
}
}

@media (min-width:650px){
.navbar-brand {
	display: none;
}
}

@media (max-width: 649px) {
	/* ------ TWBS Color Generator ------ */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #e51c2b;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #000000;
}
  
.navbar-default .navbar-nav > li.nav-alt_linkA {
	display: none;
}
#mission .lead {
	font-family: 'Source Sans Pro', Verdana, sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
	margin-top: 27px;
}
#intelligence p, #battle p, #rnr p, #courageous p, #memoirs p, #propaganda p {
	padding-left: 0px;
	padding-right: 0px;
}
#soldiers h3 {
	text-align: center;
}
#soldiers h3.sect1 {
	margin-top: 10px;
	text-align: center;
}
#soldiers .subheading {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 11px;
}
#soldiers p {
	padding-right: 0px;
}
#soldiers p.stats {
	padding-right: 0px;
	text-align: center;
}
.soldiers-img {
	margin-bottom: 0px;
}
#propaganda #wallpapers a {
	/*for 3 links*/
	font-size: 18px;
	margin-right: 24px;
	margin-left: 12px;
	
	/*for 4 links
	font-size: 15px;
	margin-right: 24px;
	margin-left: 12px;*/
}
}

/* ------ Width of main content area (ipad portrait) ------ */
@media only screen and (max-width : 768px) {
#order2 a {
	left: 67%;
	top: 3%;
}
    }

/* ------ Smartphones (portrait and landscape) ------ */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#thumbs {
	display: none;
}
#thumbs.stickytop {
    display: none;
}
.chars.stickytopfix {
    margin-top: 0;
	display: none;
}
/*#propaganda #wallpapers a {
	for 4 links
	font-size: 10px;
	margin-right: 8px;
	margin-left: 2px;
}*/
	#pc-download {
	left: 27%;
	top: 10%;
}
    #order2 a {
	left: 27%;
	top: 46%;
}
}

/* ------ Smartphones (portrait) ------ */
@media only screen and (max-width : 320px) {
h3 {
	font-size: 20px;
	line-height: 22px;
}
#soldiers h3 {
	font-size: 30px;
	line-height: 25px;
}
#soldiers h3.sect1 {
	font-size: 30px;
	line-height: 25px;
}
#propaganda #wallpapers a {
	/*for 3 links*/
	font-size: 14px;
	margin-right: 12px;
	margin-left: 6px;
}
}