* {
    box-sizing: border-box;
}
.row {padding: 0 0 37px 0;
background-color: pink;
background:	url(img/metal1.jpg) bottom repeat-x; }
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 9px 18px;
	border: none;}
body {margin: 0;
text-align:	left;}
html {font-family: "Lucida Sans", sans-serif;}
p	{font-size: 	93%;
display: 	block;
margin: 	0.2em 0 0.5em 0;
color:	#595959; 
line-height:	140%;
font-weight:	normal;}
h1	{margin:	0 0 .1em 0;
padding:	.3em 0 0 0;
font-weight: 	700;
font-size: 	120%;
line-height:	115%;
color:	#043475;}
h2, h3	{font-size: 	100%;
margin:	0px; 
padding:	.3em 0 0 0;
text-align:	left;
color:	#8f642d;}
nav  ul{width: 100%;
background-color: #10458b;
margin: 0;
list-style-type: none;
overflow: hidden;
padding: 0;}
nav li {
width: 20%;
display: inline;
float: left;
padding: 0;
margin: 0;
background-color: #285897;
 letter-spacing: 0.05em;
font-size: .54em;
  text-transform: uppercase;
font-weight: normal;
color: #c3d0e2;}
nav a:link {display: block;
border-radius: 0px;
text-align:center;
color: #b7c7dc;
border-left: 1px solid  #c4ccd4;
border-top: 1px solid  #698ab6;
border-right: 1px solid  #10458b;
padding: .4em .7em;
text-decoration: none;}
nav a:visited {border-left: 1px solid  #698ab6;
border-top: 1px solid  #698ab6;
border-right: 1px solid  #10458b;
color: #b7c7dc;}
nav li a:hover:not(.active) {
border-left: 1px solid  #c4ccd4;
border-top: 1px solid  #698ab6;
border-right: 1px solid  #10458b;
background-color: #406AA2;
color: peach;}
nav li a.active {border-left: 1px solid  #fff;
border-top: 1px solid  #698ab6;
border-right: 1px solid  #c3d0e2;
background-color: #fff;
color: #10458b;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
   .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
  .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

	}
header	
{height: 19vw;
min-height: 77px;
margin:	0; 
padding: 2vh;
background: #00001a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00001a, #10458b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00001a, #10458b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00001a, #10458b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00001a, #10458b); /* Standard syntax */}

header img {height: 14vw;
    min-height: 50px;
margin: 1px;
   position: absolute;
   right: 1px;
     bottom: 1px;
    top: 2vh;
   left: 2vh;
float: left;}
header  a:link	{
color:	#fff;
text-decoration:	none;
background-color:	transparent;}
header h1 {margin:	0 0 0 13vh;
padding:	0;
font-weight: bold;
letter-spacing: .05em;
text-align:	right;
font-size: 	4.7vw;
line-height:	100%;
color:	#f2f2f2;
border: none;}
header h2 {margin:	0 0 0 15vh;
padding:	0;
font-weight: 400;
letter-spacing: .05em;
text-align:	right;
font-size: 	3.7vw;
line-height:	105%;
color:	#e6b86c}
header h3 {margin:	0.15em 0 0 0;
padding:	0;
font-weight: normal;
letter-spacing: .1em;
text-align:	right;
font-size: 	75%;
line-height:	125%;
color:	#85a3e0;}
header h4 {margin:	0.1em 0 .1em 0;
padding:	0;
font-weight: normal;
letter-spacing: .05em;
font-size: 	1.6vw;
text-align:	center;
line-height:	100%;
color:	#eee;}
div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    border: 3px solid #73AD21;
}
aside{background-color: #f8d36f;
margin: 0;
padding: 6px 11px;
float: right;
border: 1.5px solid  #ae7931; }
aside h2 {color:	#b82c06;
font-size: 	105%;
padding-top:0px;}
aside p {color: #2c2b39;}
a:link	{font-weight: 	500;
color:	#07408f;
font-family:	sans-serif;
text-decoration:	none;
background-color:	transparent;}
a:visited	{font-weight:		normal;
color:		#07408f;}
a:hover	{
color:	#0b57c1;	}
a:active	{
color:	#07408f;
background-color:	transparent;}
section {
background-color:	transparent;}
section img {float:	left;
 max-width: 100%;
 margin: .2em .7em 0 0;
    height: auto;
border:	1px solid  #ae7931;}
article	{float:	left; 
margin-top: 10px;
background-color: transparent;
padding:	9px 0px 7px 0px; 
border-top:	1.5px solid  #ae7931;}
article p h3 readmore	{margin:	0 0 0 0;}
article img 	{float:	left;
 max-width: 100%;
 margin: 0 .5em .5em 0;
height: auto;
border:	1px solid  #ae7931;}
p.readmore	{font-size: 	90%;
color:	#506689; }

p.listhead	{font-size: 	97%;
	font-weight:	bold;
color:	#765224; }
p.listhead2	{font-size: 	97%;
	padding:	1em 0 .25em 0;
font-weight:	bold;
color:	#765224; }
p.list	{font-size: 	87%;
line-height:	115%;
margin: 	0em;
padding:	.5em 0 .5em 0;
border-bottom:1.5px solid  #b82c06; }
p.market	{font-size: 	87%;
font-weight: bold;
color:	#765224; 
margin: 	0em;
text-transform: uppercase;
padding:	0.6em 0 0.1em 0;
border-bottom:1.5px solid  #765224; }
p.media	{font-size: 	87%;
color:	#765224; 
margin: 	.2em 0;
padding:	0.1em 0 0 0;
border-top: 1px solid  #f1b941; }
p.info	{font-size: 	100%;
color:	#545b63; 
padding-top: 0em;
margin: 0;
background-color: 	transparent;}
p.client	{font-size: 	87%;
color:	#043475; 
margin: 	0em;
padding:	.5em 0 .5em 0;
border-bottom:1px solid  #765224; }
p.tech	{font-size: 	87%;
color:	#043475; 
line-height:	115%;
margin: 	0em;
padding:	.5em 0 .5em 0;
border-bottom:1.5px solid  #765224; }
input{    padding: 2px 0px;
margin: 2px;}
form{font-size: 	90%;}
select {margin: 6px 0;
padding: 4px;
line-height: 140%;}
option value {line-height: 200%;
margin: 3px 0;}
input {padding: 6px;}
textarea {font-family: inherit;}
footer	{clear:	both;
color:	#fff;
text-align:	center;
background-color: 	#082454;
font-size: 	90%;
padding:	23px 10px;}	
footer p 	{color:	#fff;
font-size: 	90%;
line-height:	110%;}
footer h2 {margin:	7px 0 0 0;
padding:	0;
font-weight: 700;
letter-spacing: .07em;
text-align:	center;
font-size: 	1.1em;
line-height:	100%;
color:	#e6b86c}
footer a:link 	{letter-spacing: 0.05em;
color:	#fff;
font-size: 	90%;}
footer a:visited 	{color:	#fff;}
footer a:hover 	{color:	#ffd955;}
footer a:active 	{color:	#fff;}
.small	{margin-top:	1em;
font-size:	75%;}
.dropdown {float:	left; 
position: relative;
display: inline-block;}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 400px;
 z-index: 2;}
.dropdown:hover .dropdown-content {
display: block;}
.desc {padding: 5px;
font-size:	75%;
text-align: center;
background-color: #f8dca0}
.thanks {margin: 60px auto 200px auto;
background-color: #f8dca0;
text-align: center;}
.thanks h1, a:link  {text-align: center;}