@import url(http://fonts.googleapis.com/css?family=Open+Sans:800,700,300,400,300italic,600italic&subset=latin,latin-ext);
* {padding: 0; margin: 0}
#container {width: 100%; height: 100%; display: block; background-color: #eaecec}
body {font-family:'Open Sans', serif; font-size:19px; line-height:26px; color:#323435; font-weight:400; overflow-x:hidden; width:100%;}
a {}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
h1 {font-family:'Open Sans', serif;
    font-weight:400;
    line-height:39px;
    font-size:37px;
    letter-spacing: -0.085em
}
h1 span {font-weight:800;}

h2 {font-family:'Open Sans', serif;
    font-weight: 300;
    font-style: italic;
    line-height:32px;
    font-size:30px;
    letter-spacing: -0.055em
}

p {font-family:'Open Sans', serif;
   letter-spacing: -0.060em;
   font-weight: 300;}

p strong{font-family:'Open Sans', serif;
         font-weight: 700;}
.row {width: 100%}
.main p {margin-top: 50px }
.pad-bottom {padding-bottom: 30px}
.pad-top { padding-top: 30px;}
.content {
    margin: 0 auto 0 auto;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}
.footer h3{
    font-family:'Open Sans', serif;
    font-weight:400;
    font-size:30px;
    margin: 15px 0 20px 0
}
.bgWhite {
    background-color: #fff;
    color: #323435;
}

.bgDark {
    background-color: #323435;
    color: #cccccc;
    text-shadow:  1px 1px #000; }
.bgDark span {color: #999999}
.bgDark a {color: #999999; text-decoration: none}

.copy { width:100%; text-align: center; font-size: 13px; color: #999999; padding: 5px 0 5px 0}
.rp { width:100%; text-align: center;font-size: 13px; color: #999999; padding: 5px 0 5px 0}

.qr {width: 100%; text-align: center}
.contact {width: 100%; text-align: center; margin-bottom: 25px}
.clearfix {clear: both}
.main h2 {padding: 30px 0 30px 0 }

.pic1  {width: 40.95%; margin-bottom: 4px}
.pic2  {width: 55.35%; margin-left: 5px; margin-bottom: 4px}
.pic3  {width: 55.35%; margin-bottom: 4px}
.pic4  {width: 40.95%; margin-left: 5px; margin-bottom: 4px}
.pic5  {width: 98.9%; margin-bottom: 4px}
.pic6  {width: 98.9%}

@media (min-width: 768px) {
    .content {width: 700px; margin: 0 auto 0 auto;
              padding: 90px 80px}
    .copy {float: left; width:300px; text-align: left}
    .rp {float: right; width:300px; text-align: right}
    .qr {width: 122px; height: 122px; display: block; float: right}
    .contact {width: 350px; float: left; text-align: left}
    .pic1  {width: 41.35%; margin-bottom: 4px}
.pic2  {width: 56.5%; margin-left: 5px; margin-bottom: 4px}
.pic3  {width: 56.5%; margin-bottom: 4px}
.pic4  {width: 41.35%; margin-left: 5px; margin-bottom: 4px}
.pic5  {width: 98.9%; margin-bottom: 4px}
.pic6  {width: 98.9%}
}
@media (min-width: 992px) {
    .content {width: 850px; margin: 0 auto 0 auto;
              padding: 90px 80px}
    .copy {float: left; width:350px; text-align: left }
    .rp {float: right; width:350px; text-align: right }
    .qr {width: 122px; height: 122px; display: block; float: right}
    .contact {width: 350px; float: left; text-align: left}  

}
@media (min-width: 1200px) {
    .content {width: 950px; margin: 0 auto 0 auto;
              padding: 90px 80px}
    .copy {float: left; width:350px; text-align: left }
    .rp {float: right; width:350px; text-align: right }    
    .qr {width: 122px; height: 122px; display: block; float: right}
    .contact {width: 350px; float: left; text-align: left}

}