body {
  padding-top: 50px;
  background-color: #eee;
  font-size: 18px;
  font-family: "Open Sans",sans-serif;
}



.container {

}

.navbar-header a:link {color: #fff !important;}
.navbar-header a:hover {color: #fff !important;}
.navbar-header a:focus {color: #fff !important;}
.navbar-header a:visited {color: #fff !important;}

.section {
  padding: 40px 15px;
  text-align: center;
}
.section_first {
     padding-top: 80px;
}

.section_howitworks {
     background-color: #333;
     color: #fff;
}

.section_main {
     background-image: url('../images/bg.jpg');
     background-repeat: no-repeat;
     background-size: cover;

}
@media only screen  and (max-width : 1000px) {
.section_main {
     background-image: url('../images/bg_small.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     width: 100%;
     height: auto;

}
}

.section_main_content {
  background-color: #fff;
  background: rgba(255,255,255,0.5);
  color: #000;
  font-weight: bold;
}

footer {
  padding: 10px 0;
}

.user_info {
  color: #fff;
  padding: 12px 14px;
}

.btn-facebook {
    background-color: #627cad;
    border-color: #627cad;
    color: #fff;
}


form .title {
     color: #337ab7;
     padding-top: 15px;
     font-weight: bold;
     font-size: 21px;
}

#splitPercent {
 text-decoration: line-through;
}

.row-data {
    background-color: #fff;
    border: 1px solid #333;
    margin: 20px 0;
    padding: 20px 10px;
    border-radius: 6px;
}

.row-data:hover {
     border: 1px solid #eee;
}

.row-data .btn-success {
     font-size: 21px;
}

.pool-name {
     font-weight: bold; 
     font-size: 21px;
}

.pool-desc {

}

.btn-guess {
     font-size: 21px;
     font-weight: bold;
     margin: 10px 0;
}


.cgirl { color: #ffb6c1;}
.cboy { color: #337ab7;}

.form-number {
     widtH: 100px !important;
}
.table--info {
     width: 500px;
     margin: 0 auto;  
}