@import url('https://fonts.googleapis.com/css?family=Alef');
@import url('https://fonts.googleapis.com/css?family=Orbitron');
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
@import url('https://fonts.googleapis.com/css?family=Roboto');

body { 
    padding: 0; 
    margin: 0; 
}

.header {
	background-color: #D6FFAD;
	background-repeat:repeat-x;
	color:#E6B800;
	font-weight: bold;
	font-style: italic;
	/*font-family: aharoni;*/
	font-family: Orbitron;
	padding:10px;
	margin-bottom:0px;
	position:relative;
	text-align:left;
}

.header-container {
	position:relative;
}

/* Set color for titles, table event header, and nav links to dark brown. */
.media-heading,
.event-header,
.nav > li > a:link,
.nav > li > a:visited,
.nav > li > a:active,
.nav > li > a:hover {
	color:#663300;
	/*font:Alef;*/
	font-family: 'Roboto';
	font-size: 0.9em;
}

@media screen and (max-width: 1200px) {
    
    .splits-container{
        width: 100%;
        float: none;
    }
    
    .track-container {
        width:100%;
    }
    
	.container {
	    width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .header {
    	padding:5px;
    }
    
    .runner-name-container{
        width: 100%;
        float: none;
    }
    
    .runner-school-container {
        float: none;
    }
    
    .results-container {
        width: 100%;
        float: none;
    }
    
    .team-scores-container {
        width: 100%;
        float: none;
    }
}

@media screen and (min-width: 1201px) {
	.container {
	    width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .track-container {
        width:70%;
        margin-left:15%; 
        margin-right:15%;
    }
    
    table{
	    text-align:left;
	}
	
	.results-container {
	    float: left;
        margin-left: 0;
        margin-right:0;
        width:50%;
    }
    
    .team-scores-container {
        font-size: 1em;
        float: left;
        width: 50%;
    }
    
    
    
    
    
    
    
}

.center-media{
    text-align: center;
}

table{
    width:100%;
	text-align:left;
	border-collapse: collapse;
	}

thead{
	background-color: #D6FFAD;
	/*font-family:Alef;*/
	font-family: 'Roboto';
	text-align: center;
	}

table tr:nth-child(odd) td{
    background: #F7F3F2;
    padding:.5em;
    /*font-family:Alef;*/
    font-family: 'Roboto';
    font-size:1.1em;
}

table tr:nth-child(even) td{
    background: #F7F3E2;
    padding:.5em;
    /*font-family:Alef;*/
    font-family: 'Roboto';
    border:none;
        font-size:1.1em;
}

table td:nth-child(1){
    text-align: center;
    background: #ffffff;
}

.footer {
    left: 0;
    bottom: 0;
    background-color:#D6FFAD;
	color:#663300;
	/*font-family:Alef;*/
	font-family: 'Roboto';
    text-align: center;
    margin: 20px;
    padding: 10px;
}

#running_clock {
    font-size: 60px;
    font-family: Inconsolata;
    color: red;
    text-align: center;
}

#race-name {
    font-size: 1.7em;
    /*font-family:Alef;*/
    font-family: Inconsolata;
}

#heat {
    font-size: 1.6em;
    /*font-family:Alef;*/
    font-family: Inconsolata;
    color: red;
}

#wind {
    font-size: 1.4em;
    /*font-family:Alef;*/
    font-family: Inconsolata;
    color: green;
}

/*
.results-container {
    float: none;
    margin-left: 0;
    margin-right: 0;
}
*/

.team-scores-container {
    float: right;
    margin-left: 0;
    margin-right: 0;
    font-size: 1em;
}

.runner-container {
    width: 100%;
}

.runner-name-container {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.runner-school-container {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    color: green;
    font-size: 01.0em;
}

.runner-logo-container {
    float:left;
    margin-left: 8px;
    margin-right: 8px;
}



.team-logo-container {
    float:left;
    margin-left: 0;
    margin-right: 0;
}

.splits-button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 6px 6px;
  cursor: pointer;
  border-radius: 4px;
}