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

body {
	font-family: 'Pontano Sans', sans-serif;
	font-size: 16px;
	color: #000;
	background-color: #fff;
}

body.home {
	background: #fff url("/static/monitor/img/earth-bg-sm.jpg") no-repeat center 700px;
}

/*@media (min-width: 768px) {
body.home {
	background: #fff url("/static/monitor/img/earth-bg-sm.jpg") no-repeat center 700px;
}
}*/

@media (min-width: 768px) {
body.home {
	background: #fff url("/static/monitor/img/earth-bg.jpg") no-repeat center 500px;
}
}


/* set slightly narrower container width */

@media (min-width: 992px) {
.container {
    width: 900px;
}
}

@media (min-width: 1200px) {
.container {
    width: 900px;
}
}

.navbar-inverse {
	background: #242424;
}

a.navbar-brand {
	padding-top: 5px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	clear:both;
}

h1 {
	color: #31c6ed;
	margin-top: 55px;
	font-size: 45px;
}

.jumbotron h1 {
	color: #0e6882;	
	font-size: 45px;
}

@media (min-width: 992px) {
h1 {
    margin-top: 100px;
}
}

@media (min-width: 1200px) {
h1 {
    margin-top: 100px;
}
}

h2 {
	color: #0e6882;
	font-size: 45px;
}


.jumbotron h2 {
	color: #31c6ed;
	font-size: 35px;

}

@media (min-width: 768px) {
.jumbotron h2 {
    font-size: 45px;
}
}

.container p {
	font-size: 21px;
}

p {
	font-family: 'Pontano Sans', sans-serif;
	font-size: 16px;
	color: #000;
	background-color: transparent;
}

p a {
	color: inherit;
	border-bottom: 1px solid #666666;
}

p a:active, p a:hover {
	color: #111;
	border-bottom: 1px solid #111;
	text-decoration: none;
}

.jumbotron {
	background-color: transparent;
	padding-top:0;
}

.jumbotron p.help-block {
	color:#111;
	padding-bottom: 15px;
}

.jumbotron p {
	padding-top: 35px;
}

@media (min-width: 768px) {
.container .jumbotron, .container-fluid .jumbotron {
    padding-left:125px;
	padding-right:125px;
}
}



form.home {
	text-align: center;
	max-width: 300px;
	margin-bottom: 250px;
	margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0px;
    top: 0px;
	z-index: 1;   
}

@media (min-width: 400px) {
form.home {
	margin-bottom: 400px;
}
}

@media (min-width: 768px) {
form.home {
	margin-bottom: 600px;
}
}


.form-control, input {
	border: 1px solid #bbb;
	border-radius: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3) inset;
	font-size:21px;
	font-weight: 200 !important;
	height: 48px;
}

form.home .btn {
	margin-top:0px;
}

label {
	display:none;
}

.btn {
	font-family: 'Raleway', sans-serif;
	font-size: 21px;
	margin-top:20px;
}

.btn-primary {
	background-image: linear-gradient(to bottom, #32c6ec 0px, #27adca 100%);
	background-repeat: repeat-x;
	border-color: #27adca;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.btn-primary:focus, .btn-primary:hover {
    background-color: #27adca;
    background-image: none;
    background-position: 0 0;
    border-color: #27adca;
}

.btn-primary.active, .btn-primary:active {
    background-color: #27adca;
    border-color: #27adca;
}


.btn-lg {
	width:100%;
}

.btn-default {
	background: transparent;
	border-color: #31c6ed;
	color: #000;
	font-family: 'Raleway', sans-serif;
	text-shadow: none;
}

.btn-default:focus, .btn-default:hover {
    background: transparent;
    background-image: none;
    background-position: 0 0;
    border-color: #fff;
    color: #fff;
}

/*.earth-bg {
	background: #fff url("/static/monitor/img/earth-bg.jpg") no-repeat top center;
	height: 972px;
	margin-left: -50%;
	margin-right: -50%;
	margin-top: -300px;
	margin-bottom: 75px;
	width: 200%;
}
*/


/* logo styling */

.sa {
	height: 50px;
	width: 174px;/*
	height: 61px;
	width: 252px;*/
	float: left;
	background: url('/static/monitor/img/Scientific_American_logo-sprite.png') no-repeat;
	/*background-size: 252px 122px;
	background-size: 174px 100px;*/
	background-size: 100% 200%;
	margin: 50px 50px 50px 0;


}

.wired {
	height: 45px;
	width: 223px;
	float: left;
	background: url('/static/monitor/img/wired-logo-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 50px 50px 50px 0;


}

.ps {
	height: 30px;
	width: 348px;
	float: left;
	background: url('/static/monitor/img/popular-science-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 60px 0px 50px 0px;

}

.at {
	height: 58px;
	width: 173px;
	float: left;
	clear: left;
	background: url('/static/monitor/img/arstechnica-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 40px 50px 0px 0px;


}

.symm {
	height: 45px;
	width: 138px;
	float: left;
	background: url('/static/monitor/img/logo-symmetry-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 50px 50px 0px 0px;

}

.ifls {
	height: 124px;
	width: 126px;
	float: left;
	background: url('/static/monitor/img/ifls-logo-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 0px 50px 0px 0px;

}

.ny {
	height: 60px;
	width: 251px;
	float: left;
	background: url('/static/monitor/img/The-new-yorker-logo-sprite.png') no-repeat;
	background-size: 100% 200%;
	margin: 30px 0px 50px 0px;

}


.logo:hover {
    background-position: 0 100%;
}

/*.sa:hover, .wired:hover, .ps:hover, .at:hover, .symm:hover, .ifls:hover, .ny:hover   {
    background-position: 0 100%;
}*/

/* end logo styling */

/*footer styling */

footer {
	clear:both;
	font-size:16px;
	margin:100px 0 15px 0;
	padding-top: 20px;
	text-align: center;
}

footer .copyright {
	font-size:16px;
	padding-top: 20px;
	color: #000;
}

footer .row div {
	margin-top: 15px;
}

footer .row div, footer .row div.right {
	text-align: center;
	float: both;
}



@media (min-width: 768px) {
footer .row div {
	text-align: left;
}
}

@media (min-width: 768px) {
footer .row div.right {
	float: right;
}
}


footer a {
	color: #000;
	border-bottom: 1px solid #666666;
}

footer a:active, footer a:hover {
	color: #000;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}



footer .btn {
	margin-top: 0;
}

footer .fb {
	padding: 6px 15px;
	margin: 0 10px;
}

footer .twitter {
	padding: 6px 11px 6px 12px;
}