﻿@media (max-width:1000px) {
  #board .overxh {
    display:none;
  }
}

@media (max-width:900px) {
  :root {
    --header-height:60px;
    --logo-margin:6px;
    --databoard-head-height:28px;
  }
	header #lines {
	  padding-top:var(--logo-margin);
	  padding-bottom:var(--logo-margin);
	}
	header #subtitle {
		font-size:20px;
	}
	header #date {
		font-size:14px;
	}
  .databoard .head {
    font-size:18px;
  }
  .databoard .lines tbody td.rf {
	  font-size:14px;
  }

}

@media (max-width:850px) {
  #board .over24h {
    display:none;
  }
  #board .ortho,
  #board .overg,
  #board .percent,
  #board .databoard .loc {
    display:none;
  }
}

@media (max-width:650px) {
  #board .body .date big {
    display:none;
  }
  #board .body .date small {
    display:block;
  }
  #board .body .boat sub {
    display:block;
  }
  #board .opt {
    display:none;
  }
  #board .body .boat .infos {
    display:block;
  }
  
}

@media (max-width:630px) {
  :root {
    --header-height:50px;
    --logo-margin:5px;
  }
	header #subtitle {
		font-size:18px;
	}
	header #date {
		font-size:14px;
	}
}


@media (max-width:425px) {
  #board .body .boat .photo {
    display:none !important;
  }
  
}

@media (max-width:400px) {
	header #lines {
    display:none;
	}
  
}

@media (max-width:340px) {
  #board .body .boat .infos q {
    display:none;
  }
  
}