.ns-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.ns-modal-content {
  position: relative;
  background-color: #63c4c3;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

#nonmobile { }
#mobile {}
#mobileimage { display: none;}

.ns-main-area {
	width:100%;
	height: 750px;
}

.ns-full-area { width:100%; }
.ns-left-area {
	height:100%;
    width:40%;
    float:left;
}
.ns-right-area{
	height:100%;
    width:60%;
	float:right;
}
.ns-boxed-area{
	width:75%;
	background: white;
	margin: 0 auto;
}

.ns-onethird-area{
	width: 33.3%;
}

    #leftpane, #rightpane{
        width: 33.3%;
        float: left;
    }

    #midpane
    {
        width: 33.4%;
        float: left;
    }

.ns-center { text-align: center; }
.ns-align-right { text-align:right; }
.ns-align-left { text-align:left; }

.ns-divleft { width: 50%; float: left;}
.ns-divright { width: 50%; float: right}

.ns-margin-left-10 { margin-left:10px; }
.ns-margin-right-10 { margin-right:10px; }

.ns-margin-top-50 { margin-top:50px; }

.ns-padding-left-10 { padding-left:10px; }
.ns-padding-left-20 { padding-left:20px; }

.ns-padding-right-10 { padding-right:10px; }
.ns-padding-right-20 { padding-right:20px; }

.ns-padding-top-10 { padding-top:10px;	}
.ns-padding-top-20 { padding-top:20px;	}
.ns-padding-top-50 { padding-top:50px;	}

.ns-padding-bottom-10 { padding-bottom:10px;}
.ns-padding-bottom-20 { padding-bottom:20px;}
.ns-padding-bottom-50 { padding-bottom:50px;}

.ns-width-50 { width:50%; }

.ns-corner-radius-lefttop { border-radius: 5px 0px 0px 0px;  }
.ns-corner-radius-righttop { border-radius: 0px 5px 0px 0px;  }
.ns-corner-radius-top { border-radius: 5px 5px 0px 0px;  }
.ns-corner-radius-leftbot { border-radius: 0px 0px 0px 5px;  }
.ns-corner-radius-rightbot { border-radius: 0px 0px 5px 0px;  }
.ns-corner-radius-bot { border-radius: 0px 0px 5px 5px;  }
.ns-corner-radius-full { border-radius: 5px 5px 5px 5px; }

.ns-white-bg {
	background: #ffffff;
}
.ns-pits-blue-bg {
	background: #63C4C3;
}

h1{
    font-family: Calibri, Arial, sans-serif;
    color: #ffffff;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
    font-weight:bold;
	font-size:60px;
}
h2{
    font-family: Calibri, Arial, sans-serif;
    color: #ffffff;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
    font-weight: 500;
	font-size:20px;
}
h3{
    font-family: Calibri, Arial, sans-serif;
    color: #ffffff;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
    font-weight: 500;
	font-size:15px;
}
h4{
    font-family: Calibri, Arial, sans-serif;
    color: #ffffff;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
	margin-left: 20px;
	margin-right: 20px;
    font-weight: 500;
	font-style:italic;
	font-size:15px;
}

.ns-pits-blue { color: #63C4C3; }
.ns-black { color: #000000; }

.ns-img-logo { margin-top:50px; margin-bottom:50px; }
.ns-img { margin-bot:30px; }
.ns-img-404 { margin-top:70px; width:98%; }
.ns-image-bg {
	background-image: url("../img/lifesaver.jpg");
    height: 100%; 

    background-repeat: no-repeat;
    background-size: cover;

}
@media (max-width: 1400px) {
	
	.ns-modal-content {
		width:65%;
	}
}
@media (max-width: 980px) {
	
	.ns-modal-content {
		width:80%;
	}
}
@media (max-width: 767px) {
	
	#nonmobile{display: none;}
	#mobile { display:block; width:100%;}
	#mobileimage { display:block; width:100%; height: 400px;}
	.ns-modal-content {
		width:80%;
	}
	.ns-image-bg {
		background-image: url("../img/firstaidx4.jpg");
		width:auto; 
	}
}

@media (max-width: 575px) {
	
	#nonmobile{display: none;}
	#mobile { display:block; width:100%;}
	#mobileimage { display:block; width:100%; height: 200px;}
	
	.ns-image-bg {
		background-image: url("../img/firstaid.jpg");
		width:auto; 
		height:auto;
	
	}

}