@import 'https://fonts.googleapis.com/css?family=Raleway';

body{
background-image: url(/images/bg-min.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
font-family: 'Raleway', sans-serif;
}

footer{
background-color: #000000;
height: 50px;
width: 100%;
margin: 0 auto;
-webkit-box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

img {width: 100%;height: auto;}

nav {position: relative;float: right;}

a {color: #ffffff; }

p {padding:0 10px 0 10px ;}

h1 ,h3, h2 {padding: 0 10px 0 10px ;}

blockquote {
  background: #fffafa;
    border-left: 20px solid #ccc;
    margin: 1.5em 10px;
    padding: 2.5em 20px;
    quotes: "\201C""\201D""\2018""\2019";
    max-width: 600px;
    margin: 0 auto;
    font-style: italic;
    font-weight: 700;
    line-height: 2em;
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
  font-size: 1.5em;
}

hr.style5 {    
 	background-color: #fff;
    border-top: 1px solid #000000;
    max-width: 150px;
    margin: 0 auto;
    margin-top: 45%;
}

hr.style6 {    
 	background-color: #fff;
    border-top: 1px solid #000000;
    max-width: 350px;
    margin: 30px auto;
}


.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.92);
}
 
.logoOverlay{
	position: inherit;
	display: inline-flex;
	margin: 10px;
}	

.pure-menu-link {color: #000000;}

.logoOverlay img{ width:10%; height: 40px;}	

.logoContainer {
 color: #ffffff;
 background-color: #556068;
 width: 280px;
 height: auto;
 margin-left: 15px;
 /*shadow*/
 -webkit-box-shadow: 2px 2px 2px #000;
 -moz-box-shadow: 2px 2px 2px #000;
 box-shadow: 2px 2px 2px #000;
}

.logoContainer h2 {
 font-size: 20px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
text-align: center;
line-height: 49px;
}

.demo-grid [class *= "pure-u"] {
  background: #eee;
  box-shadow: inset 0 0 1px #0078E7;
  text-align: center;
}
.demo-960 {
  max-width: 960px;
  margin: 0 auto;
}

/*menu container*/

.menuTextContainer {
 background-color: #999999;
 height: 50px;
 width: 160px;
 -webkit-box-shadow: 2px 2px 2px #000;
 -moz-box-shadow: 2px 2px 2px #000;
 box-shadow: 2px 2px 2px #000;
}

.menuTextContainer h2 {
font-size: 18px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
text-align: center;
line-height: 49px;
}

/*image container*/

.pure-img {
margin: 20px 0; 
background-color: #000000;
height: auto;
width: 930px;
padding: 10px;
margin-left: 3px;

/*shadow*/
-webkit-box-shadow: 2px 2px 2px #000;
-moz-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.pure-form fieldset {
    margin: 20px;
}


@media screen and (max-width: 480px) {
	  header{width: 100%;}		
	 .logoContainer { width: 165px; height: 50px; margin-left: 15px;}
     .logoContainer h2 {font-size: 13px; line-height: 30px; padding-bottom: 5px}
     .menuTextContainer {height: 30px; width: 60px;}
     .menuTextContainer h2 {font-size: 10px; line-height: 30px;}
     .logoOverlay img{ width:5%; height: 20px; padding-right: 20px;}	

}