html,
body {
  height: 100%;
  }
  
body {

  padding-top: 20px;
  /* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #DADEE1 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #DADEE1 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #DADEE1 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 481, color-stop(0, #FFFFFF), color-stop(1, #DADEE1));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #DADEE1 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at center, #FFFFFF 0%, #DADEE1 100%);
font-family: "Roboto";
}
 .valign {

margin: 40vh 0 0 0;

}

.footer {
  border-top: 2px solid #b38596;
  height: 50px;
 padding-top: 20px;
 padding: 0;
 line-height: 50px;
 font-size: 16pt;

}

.footer p {
 margin: 0;
 padding: 0;
 /*
 font-family: "Roboto Condensed";
 font-weight: 700;
 */
 /*
 font-family: "Roboto";
 font-weight: 700;
 */
 
 /*font-family: "Alegreya";
 font-weight: 400;
 font-size: 24pt;*/
 
 font-family: "Roboto Slab";
 font-weight: 900;

 	text-transform: uppercase;
	letter-spacing: 2px;
}

.lead {
	font-weight: 400;
}

ul {
	margin: 0;
}

.activity {
	font-weight: 400;
	padding: 0;
	margin: 0;
	list-style-type: square;
	line-height: 34px;
	color: #53bbae;
}

h2, h3 {
 font-family: "Roboto Slab";
}

h3 {
 margin-bottom: 0;
}

a {
		font-weight: 400;
}

.row h4 {
	 	text-transform: uppercase;
		/*color: #731b39;*/
	}
	
	/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;

}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;

}

.navbar {
	      background-color: #4353a2;
		   /*background-color: #731b39;*/
 font-family: "Roboto Condensed";
 font-weight: 700;
 font-size: 12pt;
 
 /*font-family: "Roboto";
 font-weight: 700;*/

 
 /*font-family: "Roboto Slab";
 font-weight: 900;*/

 	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	/*border-bottom: 2px solid #344070;*/
	  }
#cnc-par {
	color: #1c2c63;
	font-weight: bold;
	text-align: center;
	font-size: 18pt;
	padding-top: 30px;
}

.title {
	font-weight: bold;	
	color: #731b39;
}

#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -52px;
  /* Pad bottom by footer height */
  padding: 0 0 40px;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: left;
  background-color: transparent;
  padding-bottom: 10px;
    margin-top: 20px;
}

.navbar-inverse .navbar-text {
  color: #ccc;
}
.navbar-inverse .navbar-nav > li > a {
  color: #ccc;
  	font-family: "Raleway";
	font-weight: 700;

}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: transparent;
}
