html { height: 100%; padding-bottom: 1px;  font-size: 100%; }
body { height: 100%; padding: 0;  color: #343434; font: .75em/1.5 "Arial", "Helvetica", sans-serif; }
* { margin: 0; padding: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
ul, ol { margin-left: 0; padding-left: 2em; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
img { border: none; vertical-align: bottom; }
a { color: #C38B2B; text-decoration: none; outline: none; cursor: pointer; }
.container{
	width: 100%;
	float: left;
	padding: 1% 2.5% 2.5%;
	background-color: #343434;
	
}
.container-home{
	width: 95%;
	float: left;
	padding: 1% 2.5% 2.5%;
	background-color: #343434;
	
}
.padding{
	width: 95%;
	padding: 0% 2.5% 2.5% 2.5%;
	float:left;
	background: url('images/vikinglogistics_background.png'); background-repeat:no-repeat; background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	
}
.middlewhite{
	width:100%;
	padding:0% 0% 0% 0%;
	float:left;
	background:#fff;

}
.middlewhite.viking_back{
	background: #fff url('images/vikingslogo_background.png'); background-repeat:no-repeat;
	background-position:bottom right;

}
.new-section{
	padding: 0px;
	text-align: left;
}
.new-section h4{
	text-align: left;
}
.middlewhite ul{
	font-size:16px;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
}
.middlewhite ul li{
	list-style-type:none;
	border-bottom:1px dotted #343434;
	padding:7px 0px;
}
.middlewhite ul li:before{
	content:'‡ ';
}
.services_background{
	background:url('images/vikings_services.png') no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	background-position: bottom right;
	width:100%;
	float:left;
}
.services_background p{
	font-size:24px;
	font-weight:300;
	width:60%;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.66);
}
.services_background h1{
	font-family: 'EB Garamond', serif;
  	font-size: 40px;
  	padding-bottom: 20px;
  	color: #C38B2B;
  	font-variant: small-caps;

}
.half{
	width:50%;
	float:left;
	text-align:center;
}
.half img{
	display:block;
	max-width:100%;
	padding-bottom:20px;
}
.half span{
	background: #C38B2B;
	color:#fff;
	display:block;
	font-family: 'EB Garamond', serif;
	text-transform:uppercase;
	padding:5px 10px;
}
.top_header{
	text-align:right;
}
.top_header p{
	color:#fff;
	font-size:16px;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
}
.logo{
	width:30%;
	float:left;
}
.logo img{
	max-width:100%;
}
.menu{
	width:70%;
	float:left;
}
.panel-default>.panel-heading{
	background: #343434;
	border: 0px;
	color: #fff;
	border-radius: 0px;
	text-align: left;
}
h4.panel-title{
	text-align: left; 
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
	border: 1px solid #343434;
}
.panel-title>a:focus{
	color: #C38B2B;
}
.panel-title h4{
	text-align: left;
}
/* Targeting both first and second level menus */
#nav li {
	float: left;
	position: relative;
	list-style-type:none;

}
#nav li a {

	color: #ffffff;
	display: block;
	border-right:1px dotted rgba(255,255,255,0.3);
	
	padding: .8em 1.2em;
}
#nav li a:hover {
	color: #C38B2B;
	text-decoration: none;
}
#nav li a.current{
	color:#C38B2B;
}

/* Targeting the first level menu */
.menu ul#nav{
	float:right;
	margin-top:60px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}
#nav {
	display: block;
	padding: 0px 0;

	
	z-index: 100;
}
#nav > li > a {

}
.mobile_menu{
	width:60%;
	display:none;
	margin-top:20px;
	float:left;
	text-align:right;
	position:relative;
}
ul#nav_mobile{
	position:absolute;
	top:60px;
	display:none;
	right:0;
	padding:0px;
}
ul#nav_mobile li{
	list-style-type:none;

}
ul#nav_mobile li a{
	padding:10px 10px;
	background: #fff;
	text-align:center;
	display:block;
	border-bottom:1px dotted #343434;
	font-size:14px;

}
ul#nav_mobile li a:hover{
	background: #dcdcdc;
	color: #C38B2B;
}
.menu_name{
	background: #dcdcdc;
	width:70px;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	height:40px;
	float:right;
	color:#333;
	vertical-align:middle;
	position:absolute;
		top:0;
	right:0;
	text-align:center;
	padding-top:20px;
	cursor:pointer;
	
}
.menu_name:hover{
	background: #C38B2B;

}
ul#nav_mobile li a.border-bottom1{
	border-bottom:0px;

}
ul#nav_mobile ul.child1 li a.border-top1{
	border-bottom:1px dotted #343434;
}
ul.child1{
	padding:0px;
	margin:0px;
}
ul#nav_mobile ul.child1 li a{
	border-bottom:none;
	font-size:12px;
}
/* Targeting the second level menu */
#nav li ul {
	background: #dcdcdc;
	color: #333;
	display: none;
	margin: 0px 0 0 0;
	width: 200px;
	padding:0px 0px;
	position: absolute;
}
#nav li ul li {
	width: 100%;
}
#nav li ul li a {
	background: none;
	border: none;
	border-right:1px dotted rgba(255,255,255,0.3);
	color:#000;
	line-height: 30px;
	margin: 0;
	padding:5px 10px 5px 10px;

}
#nav li ul li a:hover {
	background:#fff;
}

/* Third level menu */
#nav li ul li ul{
	right: -200px; top: 0;
}

/* A class of current will be added via jQuery */
#nav li.current > a {
	background: #f7f7f7;
}
/* CSS fallback */
#nav li:hover > ul.child {
	display: block;
}
#nav li:hover > ul.grandchild  { 
	display: block; 
}
h1.home_entry{
	font-family: 'EB Garamond', serif;
	color:#fff;
	text-align:center;
	font-size:36px;
	font-variant:small-caps;
	letter-spacing:2px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:300;

}
hr.dm3 {
  padding: 0;
  margin: 20px 0;
  border: none;
  border-top: medium double rgba(255,255,255,0.6);
  color: #000000;
  text-align: center;
  width:30%;
  float:left;
}
.after{
	width:40%;
	float:left;
}
.after a{
	background:#fff;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
	color:#343434;
	display:block;
	font-weight:300;
	text-transform:uppercase;
	font-size:18px;
	width:95%;
	text-align:center;
	padding:10px 2.5%;
}
.margin-left{
	margin-left:2.5%;
}
#container1{
	width:100%;
	float:left;
	padding-top:20px;
}
.contactbanner{
	background: #dcdcdc;
	width:100%;
	color:#343434;
	text-align:center;
}
.contactbanner h2{
	font-family: 'EB Garamond', serif;
	text-align:center;
	font-size:36px;
	font-variant:small-caps;
	letter-spacing:2px;
	font-weight:300;
}
.contactbanner .col.span_1_of_3{
	padding:50px 2.5%;
	border-right:4px solid #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.contactbanner .col.span_2_of_3{
	padding:20px 2.5%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin-top:0%;
	margin-bottom:0%;
	text-align:left;
}
.contactbanner .col.span_2_of_3 h1{
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
	color:#343434;
	font-size:14px;
	font-weight:300;
}
.special_gold{
	font-family: 'EB Garamond', serif;
	font-size:40px;
	padding-bottom:20px;
	color: #C38B2B;
	font-variant:small-caps;
}
.contactbanner h3{
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
	color:#343434;
	font-size:20px;
	font-weight:300;
	text-transform:uppercase;
}
#footer{
	width:98%;
	float:left;
	background:#fff;
	padding:20px 1% 10px 1%;
}
ul.foot-menu{
	font-family: 'EB Garamond', serif;
	color:#343434;
	width:60%;
	display:block;
	float:left;
	padding-left:0px;
}
ul.foot-menu li {
	list-style-type:none;
	display:inline;
	padding:5px 10px;
	border-right:1px dotted #343434;
}
ul.foot-menu li a:hover{
	color:#343434;
}
.copy{
	width:38%;
	float:left;
	font-family: 'EB Garamond', serif;
	color:#343434;
	text-align:right;
}
.inner_pad{
	padding:20px 2.5%;
	width:95%;
	float:left;
}
.even_pad{
	padding:20px 2.5%;
	width:95%;
	float:left;
}
.even_pad_{
	padding:30px 2.5%;
	width:95%;
	float:left;
}
h5{
	font-family: 'EB Garamond', serif;
	color:#C38B2B;
	font-size:18px;
	letter-spacing:0.1px;
}
.span_2_of_3{
	border-right:1px dotted #343434;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-right:50px;
}
.span_1_of_3._right{
	text-align:right;
	padding-left:20px;
	padding-top:40px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.span_1_of_3._right a.link.right{
	padding-left:50px;
	padding-right:50px;
	margin-bottom:10px;
}
.icons {
	text-align:center;
	margin-bottom:20px;
}
 .span_1_of_4.side{
	background:url('images/about_viking.png');
	background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	text-align:center;
}
.side h4{
	color:#C38B2B;
	border-top:2px solid #c38b2b;
	padding-top:15px;
	font-size:20px;
}
.side h3{
	color:#343434;
	font-family: 'EB Garamond', serif;
	font-size:28px;
	padding-bottom:15px;
	letter-spacing:0.3px;
	font-weight:300;
}
.section.group.icons{
	margin-bottom:20px;
}
.icons img{
	padding-bottom:10px;
}
h2{
	font-family: 'EB Garamond', serif;
	font-size:28px;
	letter-spacing:0.3px;
}
h4{
	font-family: 'EB Garamond', serif;
	font-size:18px;
	text-align:center;
	letter-spacing:0.3px;
}
p{
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1px;
	color:#343434;
	font-size:14px;
}
a.link{
	background:#343434;
	color:#fff;
	padding:10px 30px;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
	font-size:14px;
	font-weight:300;
}
a.link:hover{
	color:#C38B2B;
}
a.link.right{
	float:right;
}
.special_text{
	font-family: 'EB Garamond', serif;
	color:#C38B2B;
	font-size:1.4em;
}
.special_color{
	color:#C38B2B;
	font-size:1.4em;
}
.margin-top{
	float:left;
	width:100%;
	margin-top:15px;
}
label{
	display:block;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.1px;
	color:#343434;
	font-size:14px;
}
input[type="text"], input[type="email"]{
	border:1px solid #343434;
	height:25px;
	width:100%;
	padding-left:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
	outline:none;
}
input:focus, textarea:focus{
	border-color:#C38B2B;
}
textarea{
	border:1px solid #343434;
	width:100%;
	outline:none;
	padding-left:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-top:10px;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
}
input[type="submit"]{
	background:#343434;
	color:#fff;
	padding:10px 30px;
	font-family: 'EB Garamond', serif;
	letter-spacing:0.3px;
	font-size:14px;
	font-weight:300;
	border:none;
	float:right;
	margin-top:10px;
}
/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}

.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}
/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}
/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */




/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
#slideshow{
	width:80%;
	margin:0 auto;
}
#slideshow img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.contactbanner .col.span_2_of_3{
		border-right:0px;
	}
@media (max-width: 1000px) {
	.half{
		width:100%;
		text-align:center;
	}
	.half img{
		display:inline-block;
		text-align:center;
	}
	.special_gold{
		font-size:32px;
	}

}
@media (max-width: 1020px) {
	.menu{
		display:none;
	}
	.mobile_menu{
		display:block;
	}
	.logo{
		width:40%;
	}
	.contactbanner .col.span_1_of_3{
		border-right:0px;
	}
}
@media (max-width: 850px) {
	.col{
  		margin: 1% 0 1% 0%;
  	}
  	.span_1_of_3, .span_2_of_3{
  		width:100%;
  		border-right: none;
  	}
  	.span_1_of_3._right{
  		padding-left:0px;
  		text-align:left;
  		padding-top:20px;
  	}
  	.special_gold{
		font-size:28px;
		line-height:normal;
	}
	#slideshow{
		width:100%;
	}
	.even_pad_ p{
		font-size:18px;
	}
	ul.foot-menu{
		width:100%;
		padding:0px;
		text-align:center;
	}
	.copy{
		width:100%;
		text-align:center;
		padding-top:10px;
	}

}
@media (max-width: 700px) {
	.services_background p{
		width:100%;
	}
	.span_1_of_4.side{
		width:100%;
	}
	.span_3_of_4{
		width:100%;
	}
	.top_header p{
		font-size:12px;
	}
	.logo{
		width:100%;
		text-align:center;
	}
	.mobile_menu{
		width:100%;
		text-align:center;
	}
	.menu_name{
		width:100%;
		height:auto;
		padding-top:10px;
		padding-bottom:10px;
	}
	h1.home_entry{
		margin-top:30px;
	}
	ul#nav_mobile{
		width:100%;
		top:45px;
	}
	hr.dm3{
		display:none;
	}
	.after{
		width:100%;
	}
}
@media (max-width:500px){
	ul.foot-menu li{
		width:100%;
		padding:10px 0px;
		display:block;
		border-right:0px;
	}
}
@media (max-width:400px){
	.top_header p{
		display:none;
	}
}