body {
  /*overflow: hidden;*/
}

/* FOOTER */

#footer-unite {
  width: 50px !important;
  margin-top: -10px;
}

.img-center{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
/* CONTENT */

.content-list {
  padding-left: 30px;
}

.main-container .sections-row {
  /*padding-top: 20px !important;*/
}

/* TITLES */

.title-topic {
  border-bottom: #00adef solid 3px;
  padding-bottom: 7px;
  margin-bottom: 9px;
}
.topic {
  font-size: 18.2px;
  letter-spacing: 0.03em;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #4d4d4d;
}

.title-headline {
  border-bottom: #eeeeee solid 3px;
  padding-bottom: 7px;
  margin-bottom: 9px;
}

.headline{
  font-size: 33px;
  font-family: "Roboto";
  font-weight: 700;
  color: #4d4d4d;
  padding-bottom: 13px;
}

.hidden

/* VIZ */

#scroll-container {
  overflow: auto;
}
#section-break {
  padding-top: 50px;
}

.kpi-text{
  text-transform: uppercase;
  font-size : 24px;
  font-weight: 350;
  margin-bottom: -40px;
  padding-top:10px;
}

.clear-button-wrapper{
  text-align:right;
}

.btn-primary{
  background-color : #00adef;
}

/*** MODAL ***/

.modal-title {
  font-weight: 500;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.02em;
  color: #4d4d4d;
  text-transform: uppercase;
  text-align: center;
}
.modal-header {
  border-bottom: none;
  margin-top: 20px;
}
.modal-footer {
  border-top: none;
}
.modal-body {
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

#deptLogo {
  height: auto;
  width: auto;
  display: inline;
}

#aboutModal .modal-body{
  text-align : center;
}

#contactModal .modal-body{
  text-align : left;
}

/* MAIN IMAGE */
.parallax {
  color: white;
  background-image: url("../img/UNGA.jpg");
  background-size: cover;
  background-position: top center;
  width: 100%;
  height : 300px;
  background-blend-mode: soft-light;
}

.parallax h1 {
  text-align : center;
  padding-top : 130px;
  font-weight: 500;
  font-size: 48px;
  line-height: 45px;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
}

.caption {
  text-align : right;
  padding-right: 70px;
  padding-top : 5px;
  color : #4d4d4d;
  font-style : italic;
}

.disclaimer {
  text-align : center;
  color : #000000;
  font-weight: 700;
  padding-top : 20px;
  padding-bottom : 20px;
}

/* NAVBAR*/
#navbar {
  background : #4d4d4d;
  margin-bottom : 20px;
}

.collapse navbar-collapse{
  height : 10px !important;
}

.navbar-collapse{
  padding-left : 0px;
}

.navbar-nav li{
  border-right : 1px solid white;
}

.navbar-nav li a{
  color:white;
  line-height : 1px !important;
  font-weight : 500;
}
.navbar-nav li a i{
  color:white;
  line-height : 1px !important;
}
.navbar-nav li:hover,
.navbar-nav li.active {
  color: black;
  background-color: #f2f2f2;
}
.navbar-nav li.active a{
  color:black;
  font-weight : 400;
  cursor: default;
}
.navbar-nav li a:hover{
  color:black;
  font-weight : 400;
}
.navbar-nav li a:active{
  color:white;
}
.navbar-collapse.collapse {
  display: block!important;
  height: auto!important;
   padding-bottom: 0;
  overflow: visible!important;
}

/* BANNER */

#sliding-text{
	width:80%;
	float:left;
	margin-top : -100px;
	padding:20px;
	color : white;
}

.caption-area {
  color:white;
  padding : 20px;
  height : 100px;
  width : 80%;
  background : #282828;
}

.caption-title {
  color : #00adef;
  text-transform: uppercase;
  padding-right : 10px;
  font-weight: bold;
}

.nav-area {
	background : #282828;
	margin-top : -100px;
	width : 20%;
	height : 100px;
	font-size : 4em;
	vertical-align: middle;
	float : right;
	padding : 10px;
}

.nav-btn{
  color : white;
  text-align : center;
  width : 50%;
}
.nav-btn:hover{
  color : white;
  text-decoration: none;
  cursor : pointer;
}

#prevBtn{
  float : left;
}

#nextBtn{
  float : right;
}