body, html {
	width: 100%;
	height: 100%;
}
body, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.topnav {
	font-size: 14px;
}
.lead {
	font-size: 18px;
	font-weight: 400;
}
.intro-header {
	padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
	padding-bottom: 50px;
	text-align: center;
	color: #f8f8f8;
	background: url(../img/gold-coast.png) no-repeat center center;
	background-size: cover;
}
.intro-message {
	position: relative;
	padding-top: 12%;
	padding-bottom:2%;
}
.intro-message > h1 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	font-size: 5em;
	font-weight:300;
}
.intro-divider {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.intro-message > h3 {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

@media(max-width:767px) {
.intro-message {
	padding-bottom: 15%;
}
.intro-message > h1 {
	font-size: 3em;
}
ul.intro-social-buttons > li {
	display: block;
	margin-bottom: 20px;
	padding: 0;
}
ul.intro-social-buttons > li:last-child {
	margin-bottom: 0;
}
.intro-divider {
	width: 100%;
}
}
.network-name {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
}
.content-section-a {
	padding: 50px 0;
	background-color: #000;
}
.content-section-E {
	padding: 50px 0;
	background-color: #fff;
}

.content-section-b {
	padding: 50px 0;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}
.section-heading {
	/*margin-bottom: 45px;*/
	margin-bottom: 45px;
}
.section-heading-spacer {
	float: left;
	width: 200px;
	border-top: 3px solid #e7e7e7;
}
.banner {
	padding: 50px 0;
	color: #f8f8f8;
	background: url(../img/banner-bg.jpg) no-repeat center center;
	background-size: cover;
	margin: 0px !important;
}
.banner h2 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	font-size: 3em;
}
.banner ul {
	margin-bottom: 0;
}
.banner-social-buttons {
	float: right;
	margin-top: 0;
}

@media(max-width:1199px) {
ul.banner-social-buttons {
	float: left;
	margin-top: 15px;
}
}

@media(max-width:767px) {
.banner h2 {
	margin: 0;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
	font-size: 3em;
}
ul.banner-social-buttons > li {
	display: block;
	margin-bottom: 20px;
	padding: 0;
}
ul.banner-social-buttons > li:last-child {
	margin-bottom: 0;
}
}
footer {
	padding: 2px 0;
	padding-bottom: 14px;
	background-color: #000;
	/*margin-top: 44px;*/
}
p.copyright {
	margin: 15px 0 0;
}
.navbar-inverse{
	padding-bottom: 16px;
}
#setupreminder{
	background: #000;
	color: #fff;
}
#setupreminder .well{
	color: #333;
}

#discuss{
	background-image:url(../img/banner.jpg);
	color: #fff;
}
#discuss .well{
	color: #333;
}
#discuss ul li{font-size: 28px; line-height:2;}

.form-con .btn-primary {
    margin-top: 10px;
}
.form-con button {
    background: #d54400 none repeat scroll 0 0;
    border: medium none;
    font-size: 20px;
    min-width: 200px;
    padding: 10px;
}
.form-con input[type=text]{
	padding: 14px;
	height: 44px;
	line-height: 44px;
	color: #000;
}
.form-con .form-group {
	margin-bottom: 10px !important;
	height: 60px;
}
/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}


.box {

  position: relative;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #2989d8;
  background: linear-gradient(#2989d8 0%, #1e5799 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1e5799;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1e5799;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1e5799;
}
.banner a {
    background: #f9b237 none repeat scroll 0 0;
    border: medium none;
    font-size: 20px;
    min-width: 200px;
    padding: 14px;
}
.setupblock .jumbotron{
	margin: 0px !important;
	padding: 0px;

}
.jumbotron{
	margin: 0px !important;
}
.setupblock form{
	padding: 0px 20px;
}

.navbar-inverse {
    background-color: #fff;
	padding-bottom:30px;
}


.btn-default {
    color: #fff;
    background-color: #d54400;
    border-color: #d54400;
}

.btn-default:hover {
    color: #fff;
    background-color: #286090;
    border-color: #286090;
}

.well {    
    padding: 20px;
}

.jumbotron{   
    padding-bottom: 40px;
}

.jumbotron p {   
    font-size: 18px;
    font-weight: 300;

}

.jumbotron p  span{color:#d54400;}