* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

/* Barra Menù GP e pulsante Gran Premi */

.menu_gp {
  overflow: hidden;
  border-radius: 50px 20px;
  background-color: #333;
  font-family: Jura;
}

@media screen and (min-width: 601px) {
	.menu_gp {
    	font-size: 0.7vw;
		}
	}
	
@media screen and (max-width: 600px) {
  	.menu_gp {
   		font-size: 3vw;
 		}
	}

/* Pulsanti classifiche piloti (tasto centrale)*/

.menu_gp a {
  float: left;
  color: #fff;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
}

@media screen and (min-width: 601px) {
	.menu_gp a {
    	font-size: 0.7vw;
		}
	}
	
@media screen and (max-width: 600px) {
  	.menu_gp a {
   		font-size: 3vw;
 		}
	}
	
/* Pulsanti classifiche piloti e costruttori (tasto a destra)*/

	a.dx {
  float: left;
  color: #fff;
  text-align: center;
  border-radius: 0 20px 50px 0;
  padding: 10px 16px;
  text-decoration: none;
}

/* Contenuto dropdown */

.dropdown2 {
  float: left;
  overflow: hidden;
}

.dropdown2 .dropbtn {
  border: none;
  outline: none;
  color: #fff;
  padding: 10px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.menu_gp a:hover, .dropdown2:hover .dropbtn {
	background-color: #ff1e00;
} 

.dropdown2-content {
  display: none;
  position: absolute;
  overflow: hidden;
  background-color: #333;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}

@media screen and (min-width: 601px) {
	.dropdown2-content {
    	width: 80%;
		border-radius: 20px 50px;
		}
	}
	
@media screen and (max-width: 600px) {
  	.dropdown2-content {
   		width: 86%;
		border-radius: 0 50px 20px 50px;
 		}
	}

/* Titolo menù Dropdown (Stagione ANNO) */

.dropdown2-content .header {
  background: #ff1e00;
  border-radius: 0 50px 0 0;
  padding: 16px;
  color: #fff;
}

@media screen and (min-width: 601px) {
	.dropdown2-content .header {
    	font-size: 1.3vw;
		}
	}
	
@media screen and (max-width: 600px) {
  	.dropdown2-content .header {
   		font-size: 5vw;
 		}
	}

.dropdown2:hover .dropdown2-content {
  display: block;
}

/* Colonne del menu + pulsanti link all'interno del dropdown */
.colonna {
  float: left;
  background-color: #333;
  height: auto;
}

@media screen and (min-width: 601px) {
	.colonna {
    	width: 33.33%;
		padding: 10px;
		}
	}
	
@media screen and (max-width: 600px) {
  	.colonna {
   		width: 100%;
		padding: 0px;
 		}
	}

.colonna a {
  float: none;
  overflow: hidden;
  border-radius: 20px 50px;
  padding: 13px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.colonna a:hover {
  background-color: #ff1e00;
}

/* Riga */
.riga:after {
  content: "";
  display: table;
  clear: both;
}

/* Pulsanti navigazioni anni */

.pulsantistagioni {
  overflow: hidden;
  background-color: #333;
  font-family: Jura;
}

.pulsantistagioni a {
  float: right;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 601px) {
	.pulsantistagioni a {
    	font-size: 0.8vw;
		padding: 13px 16px;
		}
	}
	
@media screen and (max-width: 600px) {
  	.pulsantistagioni a {
   		font-size: 3vw;
 		}
	}

.pulsantistagioni a:hover {
  background-color: #ff1e00;
}

/* Pulsante anno a sinistra (anno precedente) */

a.sx {
  float: right;
  color: #fff;
  border-radius: 50px 0 0 20px;
  text-align: center;
  text-decoration: none;
}

a.solo {
  float: right;
  color: #fff;
  padding: 13px 16px;
  border-radius: 50px 20px;
  text-align: center;
  text-decoration: none;
}



/* Legende */

.navbar3 n1 {
    float: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

.dropdown3 {
  float: left;
  overflow: hidden;
}

.dropdown3 {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.dropdown3:hover .dropbtn {
  background-color: #ff1e00;
}

.dropdown3-content {
  display: none;
  position: absolute;
  background-color: #333;
  width: 84%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown3-content .header {
  background: #ff1e00;
  padding: 16px;
  color: white;
}

.dropdown3:hover .dropdown3-content {
  display: block;
}