/* Containers */
body{
	background: url(media/bg.jpg);
/*	background-repeat: no-repeat;*/
	background-attachment: fixed;
	background-position: center center;
	font-family:century gothic;
}

main{
	z-index:100;
}



/* Header */
#logo{
	height:80px;
}



/* Footer */
footer{
	padding-top:200px;
}

#footer-inner{
	background: url(media/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 1rem 2rem;
}



/* Text */ 
.text-small{
	font-size:0.8rem
}

.font-size-bigger{
	font-size:1.2rem
}



/* Borders */
.border-3 {
    border-width:3px !important;
}

.border-grey{
	border: 2px solid #959595;
}

.border-top-none{
	border-top:none;
}

.border-left-grey{
	border-left: 3px solid #959595;
}



/* BGs */
.bg-black{
	background-color: black;
}

.mot-bg{
	background: url(media/motorbikes_MOTbox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:cover
}

.service-bg{
	background: url(media/motorbikes_SERVICEbox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size:cover
}



/* Misc */
#directions{
	width:20px;
	margin-top:-3px;
}

.btn:hover{
	background-color: grey;
	border:1px solid grey !important;
}

.cursor-pointer{
	cursor:pointer;
}

.right-corner{
	top:10px;
	right:10px;
}

.z-index-1000{
	z-index:1000
}

textarea{
	resize:none;
}


@media (min-width: 992px) {
	.justify-content-end-desktop{
		justify-content: flex-end !important
	}
	
	.d-block-desktop{
		display:block !important
	}
}

@media (max-width: 991px) {
	.d-block-none-mobile{
		display:none
	}
	
	.border-none-mobile {
		border:none !important
	}
	
	.d-block-mobile{
		display:block !important;
	}
	
	.pm-none-mobile{
		margin: 0px !important;
		padding: 0px !important
	}
	
	.m-0-mobile{
		margin:0px !important
	}
	
	.justify-content-center-mobile{
		justify-content: center !important
	}
	
	.text-align-center-mobile{
		text-align:center !important
	}
	
	.mb-3-mobile{
		margin-bottom:1rem !important
	}
	
	.flex-column-mobile{
		flex-direction: column !important
	}
	
	.d-block-mobile{
		display:block !important
	}
	
	#menu-list{
		width:100%;
	}
	
	#menu-list li{
		width:100%;
		padding:1rem 0px;
	}
	
	.w-100-mobile{
		width:100% !important
	}
	
	.p-0-mobile{
		padding:0px !important
	}
}