/*!
 * Start Bootstrap - Small Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    /*padding-top: 90px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

a:hover{
	text-decoration: none!important;
}
/*NAVIGATION STYLE*/
.navbar{
	padding-top: 0px!important;
}
.navbar-fixed-top .navbar-brand {
    padding: 0 15px;
}

.navbar-nav{
	position: absolute;
	width: 80%;
	right: 0;
	bottom: 0;
}

.navbar-brand>.lrg-logo {
	background: url(../img/NHSJ_logo.png) no-repeat center/contain;
	width: 100%;
	height: 160px;
	margin: 0 auto;
}

/*LOGO IN NAV */

.sml-logo{
	background: url(../img/NHSJ_logo.png) center / contain no-repeat;
    width: 100%;
	height: 70px;
	margin: 0px auto;
}

/*NHSJ MAIN PAGE */

.NSHJ-title, .board-title{
	font-family: 'Work Sans', sans-serif;
    position: absolute;
	bottom: 50px;
    width: 80%; 
    left: 6%;
    text-align: left;
    color: #AD8915;
	padding: 7px 12px 7px 12px;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,.5);
	box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}
.carousel .item {
	width: 100%!important;
	margin: -4px auto;
}
.carousel-inner{
	width: 100%;
	min-height: 200px!important;
}

.item img {
    position: absolute;
    top: 0px;
    left: 0;
    min-height: 300px;
}
.middle-pic img{
	position:absolute;
	top: -50px;
	left: 0;
	min-height: 300px;
}

.registered{
	text-align: center;
}
.registered a{
	color: #AD8915;
	font-weight: bold;
}
.registered a:hover{
	color: #9b9b9b;
}
/*SINCE 1974*/
.background-blue{
    background-color: #07206c;
    color: white;
    padding: 15px;
}
.background-blue .text-center{
	padding-bottom: 30px;
}
.text-center i{
	font-size: 20px;
	font-weight:  200;
}
.text-center p{
    font-weight: 200;
    font-size: 16px;
}
.text-center a{
    font-weight: 600;
    color: #e3b41d;
}
.text-center a:hover{
    color: #937514;
}
.text-center h1{
    font-size: 25px;
}
.text-center h2 a{
   font-weight: 600;      
}
.text-center h3{
    font-weight: 200;
}
.text-center:first-child{
    padding-top: 30px;
}

/* Main Page Content */
.page-content{
	margin: 0px auto;
	background-color: rgba(235, 235, 235, 0.63);
}

.carousel-control{
	display: none;
}
/*Main Page MENU*/

.left-menu, .right-menu{
    background-color:rgba(204, 204, 204, 0.58);
    color: #07206c;
    font-weight: 100;
    padding: 0px 0 40px 0;
}
.left-menu iframe, .footer-map iframe, .blue-background iframe, .jamaica-map iframe{
	width: 100%;
	display: block;
	pointer-events:none;
	position: relative;
	padding-bottom: 10px;
}
.left-menu iframe.clicked, .footer-map iframe.clicked, .blue-background iframe.clicked, .jamaica-map iframe.clicked{
	pointer-events: auto;
}
.left-pic{
	background: url(../img/brownstone.jpg) no-repeat center center;
	background-size: cover;
	height: 380px;
}

.left-menu a, .right-menu h4 a{
    text-decoration: none;
    color: #07206c;
    font-weight: 300;
}
.right-menu, .left-menu{
	margin-top: 50px;
}

.right-menu h4, .left-menu h4{
	padding-bottom: 10px;
}
.right-menu .btn{
    font-weight: 300;
    letter-spacing: 2px;
    border-radius: 0;
    text-align: center;
    padding: 10px 50px;
    margin-bottom: 10px;
}

.right-menu .btn-lg {
    background-color: #07206c;
}

.right-menu .btn-lg:hover{
    color: #AD8915;
    background-color: rgba(7, 32, 108, 0.77);
}

.left-menu a:hover, .right-menu a:hover{
    text-decoration: none;
	border-bottom: 1px solid white;
    color: white;
}

.mail-list a{
	color: #AD8915!important;
	font-weight: 400;
}

.middle-menu h2{
	color: #AD8915;
	font-weight: 400;
	text-align: center;
	font-size: 36px;
	letter-spacing: 3px;
	margin-top: 0px;
	text-transform: uppercase;
	padding: 15px;
}
.middle-menu h4, .middle-menu p{
	font-size: 16px;
}

.register-here a  {
	color: red;
	border: 3px solid red;
	padding: 15px;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1px;
}
.register-here a:hover{
	background-color: red;
	color: white;
	text-decoration: none;
}
.register-here {
	padding: 30px 0 40px;
	text-align: center;
}
.main-links{
	text-align: center;
	display: inline-block;
}

.applications, .btn-info {
	background-color: #AD8915;
	padding: 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color:white;
	font-size: 16px!important;
	border-radius: 0px;
	text-align: center;
}
.applications{
	margin: 30px auto;
}
.btn-info{
	width: 100%;
	margin-bottom: 30px!important;
}
.applications:hover, .btn-info:hover{
	background-color: #7b6110;
	color: white;
	text-decoration: none;
}
.news .carousel-indicators .active{
	background-color:#07206c;
}
.news .carousel-indicators li{
	border-color: #07206c;
}
.news .carousel-indicators{
	width: 16%;
	margin-left: -10%;
}
.news .carouself-control span{
	padding-right: 10px;
}
.news .carouself-control span:hover{
	text-decoration: none;
}
.news .carousel-inner{
	overflow: scroll;
}
.newletter a:hover{
	color: white;
}
.applications:active, .newletter:active{
	background-color: #AD8915;
	color: white;
}
.main-app h4, .main-news h4{
	background-color: #AD8915;
	padding: 30px;
	width: 300px;
	margin: 0 auto;
}

/*BOARD STYLE*/
.board-pic{
	position: relative;
    width: 100%;
    height: 600px;
    margin: 0px 0 0 0;
	border-top: 5px solid #AD8915;
    background-image:
		linear-gradient(
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.48)
       ),url(../img/gala.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 50%;
}
.board-content{
	background-color:rgba(235, 235, 235, 0.63);
}
.board-members h4{
	margin: -5px auto;
	padding-top: 15px;
}
.board-peeps{
	text-align: center;
	padding: 0 0 20px 0;
}
#staff{
	padding: 30px;
}


.main h2, .south h2{
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 5px;
}
.main h4, .south h4{
	font-size: 16px;
}
.south h2{
	color:#07206c;
	padding-bottom: 15px;
	margin: 0;
	border-bottom: 2px solid #07206c;
}
.south h4{
	padding-bottom: 15px;
	border-bottom: 2px solid #07206c;
}
.south p{
	font-style: italic;
	padding: 5px 0;
}

.main h2{
	border-top: 1px solid white;
	padding-top: 10px;
	margin: 0;
}
.main h4{
	padding-bottom: 15px;
	border-bottom: 1px solid white;
}
.staff h5{
	padding-bottom: 8px;
}
.staff i, .main i{
	font-size: 10px;
}
.staff i{
	font-weight: 200;	
}
.staff b{
	font-weight: 600;
}

.jamaica-map{
	margin: 20px auto;
}

/* PROGRAM STYLE */

.program-pic{
	background-image: url(../img/web7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 390px;
}

.side-nav{
	background-color: rgba(204, 204, 204, 0.47);
	padding: 30px 20px;
	margin-right: 60px;

}
.program-list{
	margin: 80px 0 40px 0;
}
.forms p{
	color: red;
	font-weight: bold;
}
.forms a:hover{
	text-decoration: none;
}
.more-programs{
	margin: 40px auto;
}
.program-list p, .more-programs p,{
	color: #07206c;
}
.program-list h2, .more-programs h2, .breakout h2{
	color: #AD8915;
	font-weight: 400;
	font-size: 2.4em;
	margin: 0 0 30px 0;
}
.program-list h4, .program-list p {
	padding-left: 40px;
}
.program-list h5{
	padding-left: 40px;
	font-weight: 600;
	font-size: 14px;
}
.program-list a{
	font-weight: 300;
	margin-bottom: 10px;
	color: #07206c;
	position: relative;
}
.program-list a:hover{
	color: #AD8915;
}
.program-title{
	color: #AD8915;
	padding-bottom: 20px;
	margin: 0 auto;
}

.standout-pic{
	
	background-image: url(../img/web4.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: white;
	height: 390px;
}
.breakout h2, .breakout{
	background-color: #07206c;
	color: white;
}
.first{
	padding-bottom: 50px;
}

.breakout-words{
	padding: 50px;
}
.breakout-words p{
	font-weight: 100;
	letter-spacing: 1px;
}
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

.space{
	margin: 35px 0 0 0;
}
/* SPECIAL Style */
.special{
	margin: -0px auto;
}

.special h1 a{
	color: #AD8915;
	font-weight: 400;
	font-size: 35px;
}
.special h2 a:hover{
	text-decoration: none;
	border-bottom: 2px solid #AD8915;
}
.special h4{
	font-size: 20px;
	padding: 10px 0 10px 0;
}
.special p{
	letter-spacing: 1px;
}
.nyrising{
	background: url(../img/Ribbon%20Cutting%20Ceremony%20058.jpg) no-repeat center/cover;
    background-position: 100% 10%;
    height: 400px;
	border-top: 5px solid #AD8915;
}
.nyrising-pic{
	margin: 100px auto;
	background: url(../img/Senior%20Repair%20Project%206%202%2007%20060.jpg) no-repeat;
	background-size: cover;
	background-position: 0% 0%;
	height: 340px;
}

/* PARTNER STYLE */
.york-college{
	background-image: url(../img/yc-logo_01r.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 20px;
	height:200px;
}
.partner-pic{
	margin: 10px auto;
	background: url(../img/home-maintenance3.jpg) no-repeat center / 100%;
	height: 1060px;
}
.york a, .nhs-d h2, .south-j h2{
	color:#07206c;
	font-weight: 600;
	padding-bottom: 20px;
	font-size: 40px;
}
.fair h2, .rise h2, .brick h2{
	color: #AD8915 ;
	font-weight: 500;
	padding-bottom: 20px;
	font-size: 40px;
}
.fair h2:hover, .rise h2:hover{
	color:#07206c;
	text-decoration: none;
}
.york a:hover{
	color:#AD8915;
	text-decoration: none;
	padding-bottom: 2px;
}
.york h2{
	margin: 0 0 20px 0;
	font-size: 35px;
}
.nhs-d h2:hover{
	color: #AD8915;
}
.brick h2:hover{
	color: #07206c;
}
.nhs-dev{
	background-image: url(../img/nhs%20development%20corp.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height:200px;
}
.brick4kids{
background-image: url(../img/B4Klogo2.png);
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
	height:200px;
}
.fairfares{
background-image: url(../img/Fair-Fares-NYC-Logo.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height:200px;
}
.riseup{
background-image: url(../img/comp-logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	height:200px;
}
.nhs-d{
	background-color: #07206c;
	margin: 30px 0 30px 0;
	padding: 10px;
}
.brick{
	background-color: #AD8915;
	margin: 30px 0 30px 0;
	padding: 10px;
}
.nhs-d h2, .brick h2{
	margin: 0 auto;
	border-bottom: 1px solid white;
}
.nhs-d h4, .brick h4{
	font-size: 25px;
	letter-spacing: 1px;
	padding-left: 30px;
}
.nhs-d b, .brick b{
	font-weight: 600;
}
.nhs-d p, .brick p{
	font-weight: 300;
	letter-spacing: 1px;
	padding-left: 60px;
}
.brick li{
	margin-top: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	padding-bottom: 10px;
}
.nhs-d div, .brick div{
	padding: 20px 60px 20px 60px;
	color: white;
}
.nhs-d b, .brick b{
	font-weight: 400;
	font-size: 16px;
}
.nhs-d h2, .brick h2{
	color: white;
}
.multi-center{
	height: 200px;
	padding: 40px;
}

.multi-center h2{
	font-weight: 600;
	font-size: 26px;
	text-align: center;
	color: #AD8915;
}
.fair{
	padding-bottom: 20px;
}
/*
.stand-out{
	font-weight: 500;
}
*/
.york h4{
	font-size: 20px;
	padding: 5px 0 5px 0;
}
.york p{
	padding-left: 25px;
}
.south-j li{
	margin-left: 60px;
	width: 80%;
	font-weight: 400;
}
.south-j h2{
	font-size: 30px;
}
.south-j p{
	font-weight: 400;
}
.partner-bottom-pic{
	background: url(../img/lakewood%20gardens-jobe%20brothers.jpg) no-repeat center/contain;
	height: 500px;
}

/*ABOUT PICTURE*/
.side-pic{
    width: 100%;
    height: 400px;
    border-top: 5px solid #AD8915;
    background-image: url(../img/jamaica%20manor%20copy%202.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    
    background-position: 100% 35%;
}
#mission, #history{
	line-height: 26px;
	padding-bottom: 30px;
}
.vision-pic{
	background: url(../img/web8b.jpg) no-repeat center/cover;
	height: 400px;
	margin: 0;
}
#vision{
    background-color: #07206c;
    color: white;
	padding: 0;
	margin: 0px 0 20px;
	letter-spacing: 1px;
	font-weight: 100;
}
#vision h2, #mission h2, #history h2{
	font-size: 36px;
}
#mission h2, #history h2{
	color: #AD8915;
	font-weight: 400;
}
#history h2{
	margin: 0 auto;
	padding-bottom: 15px;
}
/*HORIZONTAL TIMELINE*/
/* Timeline */

.timeline-row ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.timeline-row ::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	border-radius: 10px;
}
.timeline-row ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #AD8915;
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.timeline-row{
	margin: 30px auto;
	padding-top: 0px;
}
.timeline- .text-header{
	margin-top: -30px!important;
}
.timeline,
.timeline-horizontal {
  list-style: none;
  padding: 20px;
  position: relative;
}
.timeline:before {
  top: 40px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}
.timeline .timeline-item {
  margin-bottom: 20px;
  position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
  content: "";
  display: table;
}
.timeline .timeline-item:after {
  clear: both;
}
.timeline .timeline-item .timeline-badge {
  color: #AD8915;
    padding: 5px;
  font-size: 25px;
  text-align: center;
  position: absolute;
  top: 18px;
  left: 50%;
  margin-left: -25px;
  z-index: 100;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
  top: 2px;
  left: 0px;
}
.timeline .timeline-item .timeline-panel {
  position: relative;
  width: 46%;
  float: left;
  right: 16px;
  border: 1px solid #c0c0c0;
  background: #ffffff;
  border-radius: 2px;
  padding: 20px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -16px;
  display: inline-block;
  border-top: 16px solid transparent;
  border-left: 16px solid #c0c0c0;
  border-right: 0 solid #c0c0c0;
  border-bottom: 16px solid transparent;
  content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
  margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
  margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
  float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
  float: right;
  left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}
.timeline-horizontal {
  list-style: none;
  position: relative;
  padding: 20px 0px 20px 0px;
  display: inline-block;
}
.timeline-horizontal:before {
  height: 3px;
  top: auto;
  bottom: 26px;
  left: 56px;
  right: 0;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
  display: table-cell;
  height: 280px;
  width: 20%;
  min-width: 320px;
  float: none !important;
  padding-left: 0px;
  padding-right: 20px;
  margin: 0 auto;
  vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
  top: auto;
  bottom: 64px;
  display: inline-block;
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  width: 100%;
  margin-bottom: 20px;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
  top: auto;
  bottom: -16px;
  left: 28px !important;
  right: auto;
  border-right: 16px solid transparent !important;
  border-top: 16px solid #c0c0c0 !important;
  border-bottom: 0 solid #c0c0c0 !important;
  border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
  display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
  top: auto;
  bottom: 0px;
  left: 43px;
}

/*Contact form */
.form-horizontal{
	padding: 30px;
	margin: 0 auto;
	width: 90%;
}
.text-header{
	color: #AD8915;
}
.contact{
	margin: 30px 0 0 0;
}
.contact-info{
	height: auto;
	text-align: center;
	margin: 70px auto;
}
.contact-info-box{
	margin: 0px auto;
	border: 2px solid #AD8915;
	padding: 10px;
	color: #AD8915;
}
.contact-info a{
	color: #07206c;
	font-size: 18px;
}
.contact-info-box a:hover{
	color: #AD8915;
	text-decoration: none;
	border-bottom: 1px solid #AD8915;
	padding-bottom: 5px;
}
.phone{
	margin-right: 30px;
}

/* FORMS & APPLICATION STYLE*/
.forms-title{
	margin-bottom: 40px;
}
.form-box{
	background-color: #c0c0c0;
	padding: 30px;
	margin-bottom: 45px;
	color: #07206c;
	text-align: center;
}
.form-box:hover{
	background-color: #AD8915;
	color: white;
}

/* WORKSHOP STYLE*/
.workshop h1{
	margin-bottom: 15px;
}
.workshop a{
	font-weight: 600;
	color: red;
	font-size: 19px;
}
.workshop a:hover{
	color: #c0c0c0;
}
.calendar{
	background: url(../workshop/jpg/Calendar1.jpg) no-repeat center/90%;
	height: 980px;
	margin-bottom: 5px;
}
/*
.calendar-1{
	background: url(../workshop/jpg/Calendar2.jpg) no-repeat center/contain;
	height: 1080px;
	margin-bottom: 5px;
	background-position: -20px -13px;
}
.calendar-2{
	background: url(../workshop/jpg/Calendar3.jpg) no-repeat center/contain;
	height: 700px;
}
*/

/*FOOTER*/

footer h4{
	text-transform: uppercase;
	font-style: italic;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 1px;
}
.form-group .btn{
	padding:  5px 40px;
}
.form-group .btn:hover{
	background-color: #AD8915;
}
footer .container-fluid{
    padding: 0 40px 30px 40px;
    background-color: #07206c;
    color: white;
}

footer a:hover{
	color: #AD8915;
}

footer a{
    color: white;
    text-decoration: none;
}

footer .col-md-2 h4{
    padding-bottom: 10px;
	margin-left: 10px;
}

footer .col-md-5{
	padding: 30px;
	border-right: 1px solid white;
	border-left: 1px solid white;
}
footer .btn{
    font-weight: 900;
    letter-spacing: 2px;
    border-radius: 0;
    text-align: center;
    padding: 10px 20px;
    margin-bottom: 10px;
    font-size: 10px;
	transition: all .5s ease;
}
footer .btn-lg{
    background-color: white;
    color: #07206c;
}
.mailing-list h4{
	border: 1px solid white;
	padding-top: 10px;
}


/*
footer .btn-lg:hover{
    background-color: #AD8915;
}
*/

@media(min-width:768px) {
    body {
        /*padding-top: 170px;*/ /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }
	
}

@media only screen and (min-width : 768px) {
    /*  Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* LOADING CONTENT */
.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
 
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
 
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
 
.glyphicon-left {
    margin-right: 7px;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	
	.mobile-logo-div{
		text-align: center;
	}
	.navbar-fixed-top, .navbar-fixed-bottom{
		position: relative!important;
	}
	.lrg-logo, .sml-logo{
		display: none!important;
	}
	.navbar-nav{
		position: relative;
	}
	/*body{
		padding-top: 30px;
	}*/
	.background-blue h2{
		font-size: 15px;
		font-weight: 200;
	}
	.background-blue i{
		font-size: 15px;
		
	}
	.flyer{
		margin-top: -120px;
	}
	.left-menu{
		margin-top: -120px;
	}
	.quick-blurb{
		font-weight: 400;
		padding-top: 30px;
	}
	.applications, .newsletter{
		text-align: center;
	}
	.side-pic{
		height: 320px;
	}
	.timeline-row{
		margin: 0 auto;
	}
	.timeline-horizontal .timeline-item{
		height: 270px;
		min-width: 270px
	}
	#vision h2, #mission h2, #history h2{
		text-align: center;
	}
	#vision{
		letter-spacing: 2px;
		font-weight: 200;
		line-height: 25px;
		padding-bottom: 15px;
	}
	#history{
		padding-top: 0;
	}
	.board-pic{
		height: 135px;
	}
	
	.board-title{
		position: relative;
		margin-top: 120px;
		font-size: 20px;
	}
	.main, .south{
		text-align: center;
	}
	.south{
		padding-bottom: 15px;
	}
	.contact-info{
		margin: -20px 0 30px 0;
	}
	.phone{
		margin-right: 0;
	}
	.contact-info a{
		font-size: 25px;
	}
	.forms{
		padding-top: 0;
	}
	.york-college{
		height: 80px;
	}
	.multi-center{
		padding: 0;
		height: 100px;
	}
	.partner-pic{
		height: 690px;
		margin: -20px 0 30px 0;
	}
	.york h2, .nhs-d h2, .south-j h2, .brick h2{
		text-align: center;
	}
	.york p{
		padding-left: 0;
	}
	.nhs-d div, .brick div{
		padding: 20px 0 20px 0;
	}
	.south-j ul{
		padding-left: 0;
	}
	.partner-bottom-pic{
		height: 580px;
	}
	.call-our{
		font-size: 17px;
	}
	.forms{
		margin: 20px auto;
		text-align: center;
	}
	.program-pic{
		height: 210px;
	}
	.side-nav{
		margin-right: 0;
		margin: -40px 0 30px 0;
	}
	.program-list a{
		color: #AD8915;
		font-weight: 500;	
	}
	.side-nav h4{
		padding-top: 20px;
	}
	.program-list h4, .program-list p{
		padding-left: 0;
	}
	.program-list h2, .more-programs h2{
		text-align: center;
		font-size: 2.2em;
	}
	.breakout h2{
		font-size: 1.7em;
		text-align: center;
	}
	.breakout-words p{
		font-weight: 200;
		letter-spacing: 2px;
	}
	.nyrising{
		height: 150px;
	}
	.nyrising-pic{
		margin: 40px auto;
		height: 270px;
	}
	footer .col-md-9{
		text-align: center;
	}
	.footer-main h4:nth-child(2), .footer-jamaica h4:nth-child(2){
		padding-bottom: 15px;
		border-bottom: 1px solid white;
	}
	footer .col-md-5{
		border: none;
	}
	.mailing-list h4{
		padding: 10px;
	}
	footer{
		text-align: center;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.mobile-logo-div{
		display: none;
	}
	.lrg-logo, .sml-logo{
		display:inherit!important;
	}
	.navbar-brand{
		width: 140px;
	}

    .navbar-fixed-top .navbar-brand {
        padding: 5px 0;	
    }
	.navbar-inverse .navbar-nav > li > a{
		font-size:15px;
		padding-left: 6px;
		
	}
	.nav > li{
		margin-right: 5%;
	}
	.nav > li> a{
		letter-spacing: 0!important;
	}
	.navbar-nav{
		width: 80%;
		position: absolute;
		padding-bottom: 10px;
	}
	.carousel .item{
		height: 400px;
	}
	.middle-pic img{
		top: -200px;
	}
	.NSHJ-title, .board-title{
		font-size: 2em;
	}
	.background-blue{
		padding: 0;
	}
	.background-blue h2, .background-blue i{
		font-size: 1.2em;
	}
	.page-content .row{
		padding-top: 30px;
	}
	.left-menu{
		margin: 10px auto;
	}
	.flyer{
		margin-top: 0px;
	}
	.left-menu .left-pic{
		background-size: contain;
		background-position: center;
		float: left;
		width: 100%;
	}
	.forms{
		padding: 0;
		margin: 0;
	}
	.york-college{
		height: 140px;
		background-position: center;
	}
	.nhs-dev{
		background-size: contain;
	}
	.multi-center h2{
		margin: 50px auto;
	}
	.partner-pic{
		width: 330px;
		float: left;
		height: 610px;
		margin: -20px 0 30px 0;
	}
	.south-j{
		float: left;
		width: 330px;
	}
	.partner-bottom-pic{
		float: left;
		width: 330px;
		height: 960px;
	}
	.program-pic{
		height: 560px;
	}
	.side-nav{
		float: left;
		width: 310px;
		margin-right: 30px;
	}
	.nyrising{
		height: 330px;
	}
	.nyrising-pic{
		background-position: 0 60%;
	}
	.calendar{
		background-position: 90px -40px;
	}
	footer .col-md-5{
		margin: 0 auto;
		padding: 0;
	}
	.calendar-1{
		background-position: 90px -13px;
		height: 310px;
		background-size: 80%;
	}
	.quick-blurb{
		color: #07206c;
		font-weight: 400;
		margin-top: 5%;
		text-align: left;
		float: left;
		font-size: 16px;
		width: 100%;
	}
	.applications,.newsletter{
		text-align: center;
	}
	.board-pic{
		height: 270px;
	}
	.board-title{
		margin-top: 250px;
	}
	.staff{
		width: 200px;
		float: left;
		left: 70px;
		right: 165px;
		
	}
	footer .container-fluid{
		text-align: center;
	}
	.footer-main, .footer-jamaica{
		width: 100%;
		float: left;
		padding-bottom: 5px;
	}
	.footer-links{
		margin-top: 15px;
		margin-right: 10%;
	}
	.footer-links-2{
		margin-top: 15px;
		margin-right: 15%;
	}
	.mailing-list{
		clear: both;
		margin: 0 auto;
		padding: 5px 0 0 0;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	/*body{
		padding-top: 170px;
	}*/
	.mobile-logo-div{
	display: none;
}
	.lrg-logo, .sml-logo{
		display: inline-block;
	}
	.navbar-nav{
		position: absolute;
	}
	.navbar-fixed-top, .navbar-fixed-bottom{
		position: fixed!important;
	}
	.navbar-brand{
		width: 210px;
	}
	.navbar-inverse .navbar-nav > li > a{
	font-size:16px;
		padding-left: 15px;
	}
	.nav > li> a{
		letter-spacing: 2px!important;
	}
	.NSHJ-title, .board-title{
		font-size: 2.5em;
	}
	.carousel .item{
		height: 450px;
	}
	.middle-pic img{
		top: -300px;
	}
	.background-blue h2{
		font-size: 27px;
		letter-spacing: 2px;
		padding: 5px;
		font-weight: 100;
	}
	.background-blue i{
		font-size:20px;
		font-weight: 200;
	}
	.background-blue{
		padding-bottom: 5px;
	}
	.page-content .left-menu{
		padding: 15px;
		margin: 0;
	}
	.page-content .row{
		padding: 0;
	}
	.middle-menu{
		padding-top: 30px;
	}
	.flyer{
		margin-top: 0;
	}
	.quick-blurb{
		padding-top: 0;
		width: 100%!important;
	}
	.left-pic{
		margin-top: 15px;
		margin-bottom: 0!important;
	}
	.quick-blurb{
		margin-top: 20px;
		font-size: 16px;
	}
	.side-pic{
		height: 400px;
	}
	#vision h2, #mission h2, #history h2{
		text-align: left;
	}
	.page-content .row{
		padding-top: 30px;
	}
	.staff{
		right: 0;
		left: 0;
	}
	.contact-info-box{
		margin: 100px auto;
	}
	.calendar{
		background-position: 60px -40px;
	}
	footer .col-md-5{
		width: inherit;
	}
	.footer-main{
		border: none;
		text-align: left;
		width: 190px!important;
	}
	.footer-jamaica{
		border: none;
		text-align: left;
		width: 230px!important;
		float: none;
	}
	.footer-main h4:nth-child(2), .footer-jamaica h4:nth-child(2){
		border: none;
	}
	.footer-links,.footer-links-2{
		float: none;
		width: 135px!important;
		padding: 0;
		margin: 0 auto;
	}
	.mailing-list{
		clear: none;
		padding-left: 0!important;
		margin: 0 auto;
	}
	
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1440px) {
	.navbar-nav{
		width: 78%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	.left-menu .left-pic{
		height: 310px;
		width: 230px;
	}
	.quick-blurb{
		width: 240px;
		margin-top: 0;
	}
	.btn-info{
		float: right!important;
	}
	.footer-main, .footer-jamaica{
		width: 240px;
	}
	footer .col-md-5{
		width: 370px;
		margin-left: 20px
	}
	.footer-links{
		width: 370px!important;
	}
	.footer-links-2{
		width:370px!important;
	}
	.staff{
		left: 0;
	}
	.forms{
		padding-top: 0;
	}
	.calendar{
		background-position: 50px -30px;
	}
	.calendar-1{
		background-position:-10px -3px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}