.footer{
	text-align:center;
	background-color: black;
	padding:2em;
	font-weight: normal;
	letter-spacing: 5px;
	font-size:20px;
	color:white;
}

.contact {
	font-size:20px;
}

#menuImg {
	width:50px;
}

#menuHidden {
	position:fixed;
	right:28%;
	z-index:10;
}

/* Hidden menu buttons */
#menuHidden .bttnOne{
	top:5%;
}

#menuHidden .bttnTwo{
	top:27%;
}

#menuHidden .bttnThree{
	top:49%;
}

#menuHidden .bttnFour{
	top:71%;
}

.icons {
	text-align:center;
}

.icons a img {
	border-radius:0.5em;
	width:50px;
	margin:0 1em;
	box-shadow: 10px 10px 5px #888888;
}

ul {
	list-style:disc;
	display:table;
	margin:0 auto;
	font-size:24px;
}

.divBorder #rsmPDF{
	width:100%;
}

.panel-default {
	border-color:black;
}

.panel-default .panel-heading {
	background-color:black;
	color:white;
	text-align:center;
}

#app {
	padding-top:0.5em;
	margin-bottom:8em;
}

#about {
	font-size:18px;
}

.ui.menu {
	background-color: transparent;
}

body { 
  background:  url(../images/losAngeles.webp) no-repeat center center fixed; 
  background-size: contain;
  background-color:#696969;
}

.divBorder{
	padding:0.5em;
	border:black solid 1px;
	border-radius: 0.3em;
	background-color:white;
	padding:0.5em;
	display:inline-block;
}

span.divBorder {
	position:relative;
	right:-10%;
	display:none;
}

.divBorder .divBorder{
	position:absolute;
	left:37.5%;
	background-color:transparent;
	text-align:center;
	border-color:white;
}

.divBorder img {
	width:472px;
}

.divBorder .p_img{
	display:block;
	height:250px;
	width:250px;
	position:relative;
	float:none;
	margin:0 auto;
	border-radius: 1em;
	border:black solid 1px;
}

.divBorder .p_img:hover{
	border:black dotted 4px;
}

.divBorder a {
	text-decoration: none;
	color:white;
}

.divBorder a:focus {
	color: red;
}

/*MENU BUTTONS*/

.bttnOne{
	top:2%;
}

.bttnTwo{
	top:12%;
}

.bttnThree{
	top:22%;
}

.bttnFour{
	top:32%;
}

/*MEDIA QUERIES*/
@media only screen and (min-height: 750px) and (min-width: 1000px) {
	#app {
		padding-top:7.5em;
	}
}

@media only screen and (min-height: 1300px) and (min-width: 1000px) {
	.navbar-fixed-bottom {
		top:0%;
		bottom:92%;
	}

	#app {
		padding-top:35.5em;
	}

	body { 
	  background-size: cover;
	}
} 

@media only screen and (max-width: 1200px) {
	.divBorder img {
		width:388px;
	}
}

@media only screen and (max-width: 992px) {
	.divBorder .p_img {
		display:inline;
		float:left;
	}

	.panel-body hr {
		display:none;
	}

	body { 
	  background-size: cover;
	}

	.divBorder img {
		width:297px;
	}

	#app {
		padding-top:1em;
		margin-bottom:9em;
	}

	#menu {
		text-align:center;
		background-color:transparent;
		border:none;
	}

	#menu img {
		border:white solid;
	}

	#selection {
		margin-top:1em;
	}

	.bttnOne{
		top:5%;
	}

	.bttnTwo{
		top:15%;
	}

	.bttnThree{
		top:25%;
	}

	.bttnFour{
		top:35%;
	}
}

@media only screen and (max-width: 768px) {
	#app {
		margin-bottom:10em;
		padding-top:1em;
	}

	.divBorder .p_img {
		display:block;
		float:none;
	}

	.panel-body hr {
		display:block;
	}

}

@media only screen and (min-width: 750px) and (min-height: 1000px) {
	#about {
		font-size:21px;
	}
}

@media only screen and (max-width: 700px) {
	#menuHidden {
		right:25%;
	}
}

@media only screen and (max-width: 600px) {
	#menuHidden {
		right:23%;
	}
}

@media only screen and (max-width: 400px) and (max-height: 650px) {
	#about {
		font-size:16px;
	}
}

@media only screen and (max-width: 400px) {
	ul {
		font-size:20px;
	}
}

@media only screen and (max-width: 350px) {
	ul {
		font-size:17px;
	}
}

@media only screen and (max-height: 500px) {
	#menu, #filler {
		display:none;
	}
	span.divBorder {
		display:inline-block;
	}
	.footer {
		padding:0.5em;
	}
}

@media only screen and (max-height: 400px) {
	#selection {
		margin-top:1em;
	}

	#app {
		margin-bottom:8.5em;
		padding-top:0em;
	}

	#about{
		font-size:16px;
	}
}

@media only screen and (max-height: 350px) {
	#app {
		padding-top:0;
	}
}