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

/*
Theme Name: CB Radio Mic Wiring
Theme URI: http://radiomicwiring.co.uk
Author: Stefan George
Author URI: http://digitalnow.co.uk
Description: The custom portfolio theme for CB Radio Mic Wiring. Designed by Digital NOW (http://digitalnow.co.uk)
License: For use on http://radiomicwiring.co.uk only.
Version: 1.0
*/

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: none;
	font-size:1em;
}

h1, h2, h3, h4, h5, h6 {
    display: inline;
}

h1 {
	font-size:1.6em;
	color:#F00;
	font-family:'Nobile', sans-serif;
	font-weight:bold;
}

h2 {
	font-size:1.3em;
	line-height: 130%;
	color: #000000;
	font-family:'Nobile', sans-serif;
}


h3 {
	font-size:1.3em;
	line-height: 130%;
	color: #FF0000;
	font-family:'Nobile', sans-serif;
}

a:link {
	color:#000;
	text-decoration:none;
}

a:hover {
	color:#F00 !important;
	text-decoration:none;
}

a:visited {
	color:#000;
}

p {
	font-size:1em;
}


hr {
	margin: 1em 0;
}

.btn-red {
background:  #ff0000;
width: 150px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
padding: 10px 20px;
margin: auto;

}
.btn-red:hover  {
background: #000000;
text-decoration: none; 
}

.btn-red a  {
text-decoration: none; 
}

/* =============================================================================
   Columns / Containers
   ========================================================================== */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666666666666%;
}
.col-10 {
  width: 83.33333333333334%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666666666666%;
}
.col-7 {
  width: 58.333333333333336%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-4 {
  width: 33.33333333333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.666666666666664%;
}
.col-1 {
  width: 8.333333333333332%;
}
@media handheld, only screen and (max-width: 767px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0px; 
		padding-right: 0px; 
	}

}

/*----------------------------------
	Grid
----------------------------------*/

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 748px; 
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 2em;
	padding-left: 2em; 
	padding-right: 0; 
}


@media handheld, only screen and (max-width: 1225px) {
	.grid {
		width: 94%;
		min-width: 0;
		margin-left: 3%;
		margin-right: 3%;
		padding-left: 0px; 
		padding-right: 0px; 
	}
}

@media handheld, only screen and (max-width: 1110px) {
	.grid {
		width: 90%;
		min-width: 0;
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 0px; 
		padding-right: 0px; 
	}
}

/* =============================================================================
   Header
   ========================================================================== */

.header{
	width:100%;
	float:left;
	background-color:#ff0000;
	padding:30px 0;
  	margin-bottom:30px;
	font-family: 'Bebas Neue', cursive; 
	font-size: 3em;
	color: #FFFFFF;  
}

.header-text{
	float: left;
}  
.header-text a {
	color:#FFFFFF;
	text-decoration:none;
}

.header-text a:hover {
	color:#000000 !important;
	text-decoration:none;
}
  
/* =============================================================================
   Footer
   ========================================================================== */

.footer {
	overflow:auto;
	line-height:110%;
	font-size:0.8em;
	float:left;
	width:100%;
	background:#FF0000;
    color: #FFFFFF;
	margin-top: 20px;
}