/*** custom styling ***/
/*** custom fonts ***/

@font-face {
	font-family: 'spin_cycle_otregular';
	src: url('fonts/spincycle_ot-webfont.eot');
	src: url('fonts/spincycle_ot-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/spincycle_ot-webfont.woff') format('woff'),
	url('fonts/spincycle_ot-webfont.ttf') format('truetype'),
	url('fonts/spincycle_ot-webfont.svg#spin_cycle_otregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'luxi_sansregular';
	src: url('fonts/luxisr-webfont.eot');
	src: url('fonts/luxisr-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/luxisr-webfont.woff') format('woff'),
	url('fonts/luxisr-webfont.ttf') format('truetype'),
	url('fonts/luxisr-webfont.svg#luxi_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
	font-family: 'luxi_sansoblique';
	src: url('fonts/luxisri-webfont.eot');
	src: url('fonts/luxisri-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/luxisri-webfont.woff') format('woff'),
	url('fonts/luxisri-webfont.ttf') format('truetype'),
	url('fonts/luxisri-webfont.svg#luxi_sansoblique') format('svg');
	font-weight: normal;
	font-style: italic;
	}

@font-face {
	font-family: 'luxi_sansbold';
	src: url('fonts/luxisb-webfont.eot');
	src: url('fonts/luxisb-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/luxisb-webfont.woff') format('woff'),
	url('fonts/luxisb-webfont.ttf') format('truetype'),
	url('fonts/luxisb-webfont.svg#luxi_sansbold') format('svg');
	font-weight: bold;
	font-style: normal;
	}


/*** header styling ***/
.header {
	background-color:#fff6f6;
	padding:10px 0;
	}

/* same font as logo */

.site-name{
	font-style:normal;
	color:#f95044;
	font-size:6vw;
	font-family:'spin_cycle_otregular', sans-serif;
	}

.site-name-e{
	font-style:normal;
	color:#2c887e;
	font-size:7vw;
	font-family:'spin_cycle_otregular', sans-serif;
	}

.site-slogan{
	font-style:normal;
	color:#2c887e;
	font-size:3.2vw; /* with site-name displayed, 2vw */
	font-family: 'luxi_sansbold', sans-serif;
	}

/*** body styling ***/
body{
	font-size:1.1em;
	font-weight:normal;
	font-style:normal;
	font-family:'luxi_sansregular',serif;
	}
h3,h4{
	font-family:'luxi_sansbold', sans-serif;
	}

p{
	text-align:justify;
	font-family:'luxi_sansregular', sans-serif;
	}

li{
	font-weight:normal;
	font-family:'luxi_sansregular', sans-serif;
	}
a{
	text-decoration:none;
	}
/*** image styling **/

.image-rt{
	padding: 9px;
	display: inline;
	float: right;
	}

.image-lft{
	padding: 9px;
	display: inline;
	float: left;
	}

/* forms styling */

.w3-label{
	font-weight:bold;
	font-family:'luxi_sansbold', sans-serif;
	}
.w3-input{
	font-weight:normal;
	font-family:'luxi_sansregular', sans-serif;
	}
.w3-btn{
	font-weight:normal;
	font-family:'luxi_sansregular', sans-serif;
	}

/* media queries for mobile display */
@media (max-width:768px){
	.w3-xxlarge{
		font-size:95%;
		}

	.image-rt,
	.image-lft {
		float: left;
		}

	}
@media (max-width:600px){
	.w3-xxlarge{
		font-size:80%;
		}

	}