body{
margin:0;
background-color:black;	
color:white;
overflow-x: hidden;
}

.nav-link{
/* border:white 1px solid; */
margin-left:1rem;
margin-right:1rem;
}

.navText{
	font-size: 3em;
	text-align: center;
}


.navbar-toggler-icon{
	display: block;
}

.WordBreak{
word-wrap: break-word;
}

.IMGwrapper {
  position: relative;
  overflow: hidden;
}

.IMGwrapper:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.IMGwrapper img {
  width: 75%;
  height: 100%;
  max-width: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

/* Parallax Element Style*/ 
.paral{
min-height:600px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
background-color:white;
}

/* Paragraph for Parallax Section */ 
.paral p{
font-size: 24px;
color:#f5f5f5;
text-align: center;
line-height: 60px;
}
 
/* Heading for Parallax Section */ 
.paral h1{
color: rgba(255, 255, 255, 0.8);
font-size: 60px;
text-align: center;
padding-top: 60px;
line-height: 100px;
}

.hiddenParallax{
display:none;
}

/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}

/* Image for Parallax Section */ 
/* index.php */
.background_00{
background-image: url("../ASSETS/IMAGES/PARALLAX/mtHoodParallax.jpg");
}

.background_01{
background-image: url("../ASSETS/IMAGES/PARALLAX/portland.jpg");
}

@media screen and (min-width: 576px) and (max-width: 992px){

.paral{
display:none;
}

.hiddenParallax{
display:block;
}

.hiddenParalImg{
width:100%;
}

.jumbotron{
max-height:300px; 
}

}

@media screen and (max-width: 575px){

.paral{
display:none;
}

.hiddenParallax{
display:block;
}

.hiddenParalImg{
width:100%;
}

}