﻿@media screen and (min-width:901px) {
	#header {
		min-height:45px;
	}
	#logo {
		top:7px;
		left:60px;
		height:30px;
	}
}


@media screen and (max-width:1200px) {
	#racetitle {
		left:calc(100% - 100px);
		transform: translateX(-100%);
	}	
	#raceselect {
		left:calc(100% - 90px);
		transform: translateX(-100%);
		text-align: right;
	}
}

@media screen and (max-width:900px) {
	#logo {
		top:10px;
		left:5px;
		height:25px;
	}
	#racetitle {
		left:calc(100% - 100px);
		transform: translateX(-100%);
	}	
	#raceselect {
		left:calc(100% - 90px);
		transform: translateX(-100%);
		text-align: right;
	}
}

@media screen and (max-width:750px) {
	#logo {
		top:15px;
		left:5px;
		height:18px;
	}
	#racetitle p {
		font-size:20px;
		line-height:35px;
	}
		#racetitle svg {
			right:-27px;
			width: 21px;
			height: 15px;
		}
	#raceselect {
		top:47px;
		left:0;
		right:0;
		transform:none;
		text-align:center;
	}
		#raceselect a {
			font-size:20px;
			line-height:32px;
		}
	
}

@media screen and (max-width:600px) {
	#logo {
		position:relative;
		top:9px;
		height:18px;
		left:auto;
		right:auto;
	}
	#racetitle {
		left:50%;
		transform:translateX(-50%);
		margin-top:9px;
	}
	#racetitle p {
		font-size:16px;
		line-height:35px;
	}
		#racetitle svg {
			right:-20px;
			top:11px;
			width: 14px;
			height: 10px;
		}
	#raceselect {
		top:66px;
	}
		#raceselect a {
			font-size:16px;
		}
	nav .burger {
		background-color:transparent;
	}
			nav .burger .line,
			nav .burger .line:before,
			nav .burger .line:after {
				background-color:#28DBC4;
			}
	
	
}

@media screen and (max-width:750px) {
  #board .body .date big {
    display:none;
  }
  #board .body .date small {
    display:block;
  }
  #board .body .boat sub {
    display:block !important;
  }
  #board .opt {
    display:none;
  }
  #board .body .boat .infos {
    display:block;
  }
  
}

@media screen and (max-width:950px) {
  #board .over24h {
    display:none;
  }
  #board .ortho,
  #board .overg,
  #board .percent,
  #board .databoard .loc {
    display:none;
  }
}

