@charset "UTF-8";
/* CSS Document */

/*@font-face 
	{
		font-family: 'baskerville';
		font-display: auto;
		src: local('Baskerville'), url('/fonts/baskerville.ttf');
	}

@font-face 
	{
		font-family: 'baskervilleItallic';
		font-display: auto;
		src: url('/fonts/baskervilleItalic.ttf');
	}

.useBaskerville
	{
		font-family: baskerville;
	}

.useBaskervilleItallic
	{
		font-family: baskervilleItallic;
	}*/

:root
	{
		--justJoyPaleGrey: #DFDFDF;
		--justJoyGrey: #CBCACC;
		--justJoyWhite: #FFFFFF;
		--justJoyMidGrey: #717070;
		--justJoyDarkGrey: #666666;
		--justJoyBlue: #B3CBEB;
		--justJoyPink: #F3D9EA;
		--justJoyBeige: #F2DFC2;
	}

*
	{
		margin: 0;
    	padding: 0;
    	outline: none;
		box-sizing: border-box;
	}

html
	{
		overflow-x: hidden;
		margin-left: auto;
		margin-right: auto;
	}

body 
	{
		-webkit-font-smoothing: antialiased;
		/*font-family: baskerville, Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;*/
		/*font-family: 'baskerville';*/
		text-rendering: optimizeLegibility;
		margin: 0 auto;
		text-align: left;
	}

header
	{
		padding: 0;
	}

main
	{
		background-color: var(--justJoyWhite);
		padding-top: 8px;
	}

footer
	{
		padding: 15px 0 0 0;
		background-color: var(--justJoyGrey);
		width: 100%;
		color: var(--justJoyWhite);
		position: relative;
		z-index: +3;
		text-align: center;
		padding-bottom: 15px;
	}

img
	{
		width: 100%;
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

::-moz-selection 
	{ /* Code for Firefox */
		color: var(--justJoyWhite);
		background: var(--justJoyDarkGrey);
	}

::selection
	{
		color: var(--justJoyWhite);
		background:var(--justJoyDarkGrey);
	}

.row:before, .row:after
	{
		content: "";
		display: table;
	}

.row:after
	{
		clear: both;
	}

.col
	{
		width: 100%;
		padding: 0 7px 14px;
	}