body {
//	margin-top:20px;
	margin: 0px;
	font-size: 1em;
	background-color: #cccccc;
}

header {
	height: 244px;
	background-color: #000000;
	padding: 0px;
}

aside {

}
footer {

}

#logo{
	height: 184px;
	margin-top: 30px;
	background-image: url('./Hotcar_Foodtruck_Logo_180.png');
	background-size: 180px 184px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

h1{
	font-family: Crimson Text, serif;
	font-size:1em;
	float:right;
	margin:0;
	margin-left: 5px;
	color:rgb(205, 0, 43);
	line-height:3.5em;
}

h2{
	font-family: Crimson Text, serif;
	font-size:1.4em;
	margin:0;
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #c1c1c1;
	padding: 10px 0px 10px 0px;
//	color:rgb(205, 0, 43);
}

.media {
	list-style:none;
	font-family: calibri, sans-serif;
	color: #333333;
	border-right: 1px #888888 solid;
}
.media img {
	display:block;
	max-width:100%;
}

.section{
	width:100%;
	border: 1px #888888 solid;
	border-right: 0px;
}

.section-content{

}

.info-text{
	text-align:center;
	font-family: Crimson Text, serif;
//	font-weight: bold;
	margin-top:40px;
	margin-bottom:20px;
	color: rgb(56, 56, 56);
//	font-size: 1.1em;

}

.right-container{
	float:center;

}

.left-container{
	text-align: center;

}

.center-container{
	clear:both;
	text-align: center;
}


.container-text{
	text-align:center;
}

.swap-text{
	font-family: calibri, sans-serif;
	color: #333333;
	margin-bottom:20px;
}
.swap-text img{
	padding-top:20px;
	width:100%;
}

.footer{
	font-family: calibri, sans-serif;
	margin: 0px auto;
	max-width: 834px;
	margin-top: 10px;
	text-align: center;
}

#facebook{
	float: right;
}


#copyright{
	width: 50%;
	margin-top: 10px;
	padding-top: 10px;
	color: #000000;
	font-size: 0.7em;
	border-top: 2px solid #c1c1c1;

}
.contact{
	margin:0px auto;
}
#container-right{
	display:none;
}

.swap img{
	width: 100%;
	border:solid 3px #ffffff;
}

.swap:hover img{
	border: solid 3px #4E5859;
}


/* Raster */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.container {
	max-width:834px;
	margin:0 auto;
//	border: solid #888888 1px;
}
.columns {
	float:left;
	padding-left:1em;
	padding-right:1em;
}

.push {
	float:right;
}

.row {
	width:auto;
}

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

.row:after {
	clear:both;
}

.row .row {
	margin-left:-1em;
	margin-right:-1em;
}


a {
	cursor: pointer;
}
a:visited, a:link, a:active{
	color: #000000;
	text-decoration: none;
}
.container-text a:hover, inner-box a:active{
	color: #4E5859;
}
.container-text a:hover h2, inner-box a:active h2{
	color: #000000;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
.swap-text a:hover{
	color: #000000;
	text-decoration: underline;
}


/* Small */

@media screen and (max-width:767px) {

	.small-1 {
		width:100%;
	}
	.right-container{
		width: 100% ;
	}
	.left-container{
		width: 100% ;
	}

	h1{
		float:left;
	}

	.section{
		margin-bottom: 35px;
	}

	.section-content{
		padding: 10px;
		background-color: #eeeeee;
		color: #333333;
	}

	.container {
		max-width:500px;
	}
	.media{
		padding-left:0px;
	}
	.footer{
		margin-top:5px;
		text-align:center;
		max-width:500px;
	}
	#copyright{
		margin-top:0px;
		margin-left:0px;
	}
	.small-contact{
		margin-top:5px;
	}
	.contact tr{
		height:31px;
	}
	#facebook{
		display: none;
	}
}

/* Medium */

@media screen and (min-width:768px) and (max-width:1200px) {

	.medium-1 {
		width:16.66667%;
	}

	.medium-2 {
		width:33.333333%;
	}

	.medium-3 {
		width:50%;
	}

	.medium-4 {
		width:66.66667%;
	}

	.medium-5 {
		width:83.333333%;
	}

	.medium-6 {
		width:100%;
	}

	.medium-offset-1 {
		margin-left:16.66667%;
	}

	.medium-offset-2 {
		margin-left:33.333333%;
	}

	.medium-offset-3 {
		margin-left:50%;
	}

	.medium-offset-4 {
		margin-left:66.66667%;
	}

	.medium-offset-5 {
		margin-left:83.333333%;
	}
	.container {
		max-width:759px;
	}
	.footer{
		max-width:759px;
	}
	.section-content{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background-color:rgba(255,255,255,1);
		border-radius:3px;
		bottom:0;margin:20px;
		padding:15px;
		position:absolute;z-index:10;
	}
	#facebook{
		display: none;
	}
}

/* Large */

@media screen and (min-width:1201px) {

	.large-1 {
		width:33.333333%;
	}

	.large-2 {
		width:66.666666%;
	}

	.large-3 {
		width:100%;
	}

	.large-offset-1 {
		margin-left:33.333333%;
	}

	.large-offset-2 {
		margin-left:66.666666%;
	}
	.section-content{
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background-color:rgba(255,255,255,1);
		border-radius:3px;
		bottom:0;
		margin:20px;
		padding:15px;
		position:absolute;
		z-index:10;
	}
	#container-right{
		width:175px;
		height:100px;
		margin-left:432px;
		position:absolute;
		top:100px;
		left:50%;
		font-size: 0.95em;
		display:block;
	}
	#container-right *{
		margin:0px;
		padding:0px;
		font-family: calibri, sans-serif;
	}
	.small-contact{
		display:none;
	}
	#facebook{
		display: block;
	}

}
