body, html {
  height:100%;
  margin: 0;
}
body {
	margin: 0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	height: 100%;
}
.corners {
	border-radius: 10px;
}


#aboutText {
  border-right:10px solid #ffff00;
}
#aboutText h2 {color: #FFFF00; padding-left: 20px}
#aboutText h4 {color: #FFFFFF; padding-left: 20px}
#aboutText p {color: #FFFFFF; padding-left: 20px}

#aboutRow {
  height:100%;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}
@media screen and (max-width:768px){
	#aboutText {
		border-right: 0;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	#aboutText h1 {
		padding-top: 25px;
	}
}

/* images */
.fullHeight {
	height: 100%;
}
* {
	box-sizing: border-box;
}

.header {
	text-align: center;
	padding-top: 5px;
}
#content .row {
	display: -ms-flexbox; /* IE 10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE 10 */
	flex-wrap: wrap;
	padding: 0 4px;
}
#galleryPics img {
	transition: all 1s;
}
#galleryPics img:hover {
	transform: scale(1.1);
	border-radius: 10px;
}


/* Create two equal columns that sits next to each other */
.column {
	-ms-flex: 50%; /* IE 10 */
	flex: 50%;
	padding: 0 4px;
}
.column img {
	margin-top: 8px;
	vertical-align: middle;
}
/* Style the buttons */
.btn {
	border: 2px solid #777777;
	outline: none;
	padding: 5px 10px;
	background-color: #f1f1f1;
	cursor: pointer;
	font-size: 18px;
}
.btn:hover {
	background-color: #DDDDDD;
}
.btn.active {
	background-color: #777777;
	color: #FFFFFF;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.0);
}

/* end images */

@media screen and (max-width:768px) {
#navBar-1 li a {
	color: #000000;
	background-color: rgba(255,255,255,1.00)
}
}

@media screen and (max-width:768px){
	#toggler {
		background-color: rgba(255,255,255,1.0);
	}
}