body {
    padding-top: 4em;
}
.container {
    max-width: 1200px;
}

.jumbotron {
    text-align: center;
}

.big-icons {
    font-size: 3em;
    color: #3a87ad;
    display: block;
    margin: auto;
}

.icon-prev, .icon-next{
  color: #3a87ad;
}

.carousel-indicators {
bottom: 0;
}

.carousel-indicators .active {
 background-color: # 222;
}

.carousel-indicators.li {
  background-color: #222;
}

p {
text-align: justify;
}

a {
color: #F8A465;
}

@media (max-width: 992px) {
	.dropdown-menu {
		display: none;
	}
}

@media (min-width: 766px) and (max-width: 992px) {
	#PGlogo {
		display: none;
	}
}

.active {
	font-weight: bold;
	color: #F8A465;
}

footer {
background: #272F35;
}

#footerID {
color: white;
padding: 2em 0 2em 0;
}

section {
padding: 2em 0 0.1em 0;
}

.dropdown-menu, .logo-visible {
display: none;
}

@media (min-width: 770px) {
	.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
}

@media (min-width: 765px) and (max-width: 995px) {
	.logo-visible {
		display: block;
		margin: 0 auto 2em auto;
	}
	.mainTitle {
		font-size: 45px;
	}
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 0.5em;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  content: "\003e";
  padding: 0 5px;
  color: black;
}

.breadcrumb > .active {
  color: #999999;
}

.border-line {
border-style: solid;
border-width: 1px;
border-color: grey;
}

.fitImage {
width: 100%;
height: auto;
padding-bottom: 1em;
}

.heightImage {
height: 150px;
width: auto;
}

.heightImageSmall {
height: 50px;
width: auto;
}

.contentImage {
max-width: 100%;
}

.fullWidthImage {
width: 100%;
height: 300px;
}

.center {
text-align: center;
display: table;
margin: 0 auto;
}

.miniText {
font-size: 12px;
}

.nameMargin {
margin: 0.5em 0 0.2em 0;
font-weight: bold;
}

.brandingLogo {
float: left;
height: 50px;
padding-left: 15px;
font-size: 18px;
line-height: 20px;
}

.brandingLogo:hover,
.brandingLogo:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .brandingLogo,
  .navbar > .container-fluid .brandingLogo {
    margin-left: -15px;
  }
}

.registrationForm {
border: solid 1px #c3c3c3;
padding: 50px;
display: none;
}

textarea {
    resize: none;
}

.textareaHeight {
	height: 100%;
}

@media (min-width: 1200px) {
	.lineHeight {
		line-height: 200%;
	}
}

.FormConfirmation {
	color: #00b100;
	font-weight: bold;
}












