/****** Responsiveness at its finest grain ******/

#label{
	width:auto;
	height:70px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.listText, td {
		font-size: 1.35em;
	}
	
	table {
		width:100%;
	}
	
	#links{
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1.1em;
	}

	
	td img#label {
		width: 80%;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:30px;
		width:30px;
	}
	
	img.arrow-orange{
		height:20px;
		width:20px;
	}
	
	img.hint{
		height:35px;
		width:35px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){
	.listText, td {
		font-size: 1.1em;
		
	}
	
	table {
		font-size: 1.2em;
	}
	
	#links{
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig {
		font-size: 1em;
	}
	
	.gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}
	
	td img#label {
		width: 60%;
		height: auto;
	}
	
	p {
		margin-bottom: 0px;
	}
	
	a.gcDefaultText{
		font-size:1em;
	}
	
	
	img.plane {
		height:15px;
		width:15px;
	}
	
	img.arrow-orange{
		height:15px;
		width:15px;
	}
	
	img.hint{
		height:20px;
		width:20px;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)and (orientation : portrait) {
	body {
		padding-top:25%
	}
	
	.listText, td {
		font-size: 1.35em;
		
	}
	
	table {
		font-size: 1.4em;
	}
	
	table#links{
		height: 300px;
		width: 80%;
	}

	
	.gcDefaultText, .gcTextBlackBlue, a.gcDefaultText, a.gcBlueDarkBig {
		font-size: 1em;
	}
	
	.gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}	
	
	td img#label {
		width: 90%;
		height: auto;
		margin-bottom: 10%;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:30px;
		width:30px;
	}
	
	img.arrow-orange{
		height:20px;
		width:20px;
	}
	
	img.hint{
		height:35px;
		width:35px;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	table {
		width:100%;
	}
	
	#links{
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig {
		font-size: 1em;
	}
	
	.gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.listText, td {
		font-size: 1em;
	}
	
	table {
		font-size: 1em;
	}
	
	#links {
		padding-left:10%;
		padding-right:10%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, a.gcDefaultText {
		font-size: 1em;
	}
	
	td img#label {
		width: auto;
		height: 160px;
	}
	
	p {
		margin-bottom: 30px;
	}
	
	img.plane {
		height:15px;
		width:15px;
	}
	
	img.arrow-orange{
		height:10px;
		width:10px;
	}
	
	img.hint{
		height:15px;
		width:15px;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {
		padding-top:25%;
	}
	
	.listText, td {
		font-size: 1.20em;
	}
	
	table {
		font-size: 1.4em;
	}
	
	td img#label {
		width: 80%;
		height: auto;
		margin-bottom: 10%;
	}
	
	a.gcDefaultText, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}	
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:25px;
		width:25px;
	}
	
	img.arrow-orange{
		height:15px;
		width:15px;
	}
	
	img.hint{
		height:30px;
		width:30px;
	}
	
}

/* iPad Pro (landscape)*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.listText, td {
		font-size: 1em;
	}
	
	table {
		width:100%;
		font-size: 1em;
	}
	
	table#links {
		width:85%;
		padding-left:25%;
		padding-right:25%;
		height: 300px;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, a.gcDefaultText, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}
	
	td img#label {
		width: auto;
		height:60px;
		margin-top:10%; 
	}
	
	p {
		margin-bottom: 10px;
	}
	
	img.plane {
		height:15px;
		width:15px;
	}
	
	img.arrow-orange{
		height:10px;
		width:10px;
	}
	
	img.hint{
		height:15px;
		width:15px;
	}
}

/* iPad Pro (landscape)*/
@media only screen and (min-device-height : 1024px) and (max-device-width : 1366px) and (orientation : landscape) {
	.listText, td {
		font-size: 1em;
	}
	
	table {
		width:100%;
		font-size: 1em;
	}
	
	table#links {
		width:80%;
		padding-left:25%;
		padding-right:25%;
		height: 300px;
		margin-top:2%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, a.gcDefaultText, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1.2em;
	}
	
	td img#label {
		width: auto;
		height:70px;
		margin-top:10%;
	}
	
	p {
		margin-bottom: 10px;
	}
	
	img.plane {
		height:15px;
		width:15px;
	}
	
	img.arrow-orange{
		height:10px;
		width:10px;
	}
	
	img.hint{
		height:15px;
		width:15px;
	}
}

/* iPad Pro portrait*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {

	.listText, td {
		font-size: 1.20em;
	}
	
	table {
		font-size: 1.4em;
	}
	
	td img#label {
		width: 80%;
		height: auto;
		margin-bottom: 10%;
	}
	
	a.gcDefaultText,a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size:1em;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:25px;
		width:25px;
	}
	
	img.arrow-orange{
		height:15px;
		width:15px;
	}
	
	img.hint{
		height:30px;
		width:30px;
	}
	
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}


/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	td img#label {
		width: 70%;
		height: auto;
	}
	
	.gcDefaultText, .gcTextBlackBlue,a.gcBlueDarkBig, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover {
		font-size: 1.1em;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	td img#label {
		width: 90%;
		height: auto;
	}
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	
	.listText, td {
		font-size: 1.35em;
		
	}
	
	table {
		font-size: 1.4em;
	}
	
	#links{
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover {
		font-size: 1.1em;
	}
	
	td img#label {
		width: 90%;
	}
	
	p {
		margin-bottom: 50px;
	}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
	body {
		padding-top:25%
	}
	
	.listText, td {
		font-size: 1.35em;
		
	}
	
	table {
		font-size: 1.4em;
	}
	
	td img#label {
		width: 70%;
	}
	
	p {
		margin-bottom: 50px;
	}
}

@media only screen and (min-device-width: 412px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	body {
		padding-top:25%
	}
	
	.listText, td {
		font-size: 1.35em;
		
	}
	
	table {
		width:100%;
		font-size: 1.4em;
	}
	
	#links{
		width:85%;
	}
	
	.gcDefaultText, .gcTextBlackBlue,a.gcDefaultText, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover {
		font-size: 1em;
	}
	
	td img#label {
		width: 90%;
		height: auto;
		margin-bottom:10%;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:30px;
		width:30px;
	}
	
	img.arrow-orange{
		height:20px;
		width:20px;
	}
	
	img.hint{
		height:35px;
		width:35px;
	}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Nexus 6 ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 732px) and (orientation : landscape){

	body {
		padding-top: 2%;
			
	}

	.listText, td {
		font-size: 1.1em;
	}
	
	table {
		width:100%;
		font-size: 1.2em;
	}
	
	#links{
		padding-left: 10%;
		padding-right: 10%;
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcDefaultText, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover {
		font-size: 1em;
	}
	
	td img#label {
		min-width: 60%;
		max-width: 80%;
		height: auto;
		margin-bottom: 2%;
	}
	
	p {
		margin-bottom: 20px;
	}
	
	img.plane {
		height:15px;
		width:15px;
	}
	
	img.arrow-orange{
		height:10px;
		width:10px;
	}
	
	img.hint{
		height:15px;
		width:15px;
	}
}

@media only screen and (min-device-width: 412px) and (max-device-height: 732px) and (orientation : portrait){
	body {
		padding-top:25%
	}
	
	.listText, td {
		font-size: 1.35em;
	}
	
	table {
		width:100%;
		font-size: 1.4em;
	}
	
	#links{
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover {
		font-size: 1em;
	}
	
	td img#label {
		width: 90%;
		height: auto;
		margin-bottom: 10%;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:30px;
		width:30px;
	}
	
	img.arrow-orange{
		height:20px;
		width:20px;
	}
	
	img.hint{
		height:35px;
		width:35px;
	}
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	body {
		padding-top:25%
	}
	
	.listText, td {
		font-size: 1.35em;
	}
	
	table {
		width:100%;
		font-size: 1.4em;
	}
	
	#links{
		width:80%;
	}
	
	.gcDefaultText, .gcTextBlackBlue,a.gcDefaultText, a.gcBlueDarkBig, .gcDefaultText a:active, .gcDefaultText a:visited, .gcDefaultText a:hover{
		font-size: 1em;
	}
	
	td img#label {
		width: 90%;
		height: auto;
		margin-bottom: 10%;
	}
	
	p {
		margin-bottom: 50px;
	}
	
	img.plane {
		height:30px;
		width:30px;
	}
	
	img.arrow-orange{
		height:20px;
		width:20px;
	}
	
	img.hint{
		height:35px;
		width:35px;
	}
}