/**********Header text**************/

.title-text{
  float: right;
  text-align: right;
  margin-top: 10px;
  padding-top: 0;
  width: 50%;
}

.title-text h1{
  background: #00BFFF;
  padding: 10px 15px 10px 15px;
  font-size: 1em;
  font-weight: bold;
  color: white;
  line-height: 1.1em;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 20px 0px 0px 0px;
}

/**********Results text**************/

h2{
  color: #00BFFF;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0px;
  font-size: 1.4em;
}

.table-wrapper{
max-width:  98%;
min-height: 200px;
margin: 0 auto;
}

table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8em;
}

.teams a{
  color: #00BFFF;
  text-decoration: none;
  display: block;
  font-weight: 700;
}

td{
  vertical-align: top;
  line-height: 1.6em;
  word-wrap: break-word;
  text-align: center;
  padding: 5px 0px;
  font-size: 0.85em;
  padding-bottom: 20px;

}

td.teams{
  padding-bottom: 0;
  font-weight: 700;
}

.score{
  color: #00BFFF;
  font-weight: 700;
}

#line{
  color: #fff;
}


.one{
  table-layout: fixed;
  width: 49%;
  word-wrap:break-word;
}

.two{
    table-layout: fixed;
    width: 1%;
}

.three{
  table-layout: fixed;
  width: 1%;
  padding-left: 2%;
  padding-right: 2%;
  color: #fff;
  font-weight: 400;
  font-size: 0.6em;
  padding-top: 7px;

}

.five{
  table-layout: fixed;
  width: 49%;
  word-wrap:break-word;
}

span{
  color: #00BFFF;
}

.performance{
  padding: 10px 0px;
  color: #fff;
  margin: 0;
  width: 100%;
}


.resultsText{
  margin-top: 10px;
  margin-bottom: 50px;
  border-top: 1px solid #ffffff;
  margin-left: 20px;
  margin-right: 20px;
}

.resultsText p{
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 100;
}

.resultsText p:first-child{
  padding-top: 20px;
}


// MEDIA QUERIES

  /* Custom, iPhone Retina */

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
        .three{
          padding-top: 9px;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        .body_area{
            width: 70%;
        }

        .three{
          padding-top: 9px;
        }

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
        .body_area{
            width: 70%;
        }

        .title-text{
          float: right;
          text-align: right;
          margin-top: 10px;
          padding-top: 0;
          width: 30%;
        }

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .body_area{
            width: 40%;
        }

        .title-text{
          float: right;
          text-align: right;
          margin-top: 10px;
          padding-top: 0;
          width: 30%;
        }
    }