@charset "utf-8";
/* CSS stylesheet that only apply to the page basics.html because of custom settings needed. */


main img.chord { /* This only applies to images with the class chord */
	float:left; /* Float images to the left */
	width:25%; /* Float images to the left */
	height:25%; /* Set image height to 25% of original width */
}

main img.tabs { /* This only applies to images with the class tabs */
	width:75%; /* Set image width to 75% of original width */
	height:75%; /* Set image height to 75% of original width */
}


@media screen and (max-width:1024px){ /* These setting only apply when window size is 1024px or less aka tablets and mobile devices */
/* All settings here override above settings when using a smaller screen. Mostly applied to mobile devices and tablets. */

main img.chord { /* This only applies to images with the class chord */
	float:left; /* Float images to the left */
	width:50%; /* Float images to the left */
	height:50%; /* Set image height to 25% of original width */
}

main img.tabs { /* This only applies to images with the class tabs */
	width:100%; /* Set image width to 75% of original width */
	height:100%; /* Set image height to 75% of original width */
}


}