body { margin: 0px; }


div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333; }
a { color: #3366cc; text-decoration: none; }
a:hover {	text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
.CF { zoom: 1; }
.CF:before, .CF:after { content: ""; display: table; }
.CF:after { clear: both; }
img { max-width: 100%; max-height: 100%; border: none; }

/* ============================================== */

.Container { display: block; margin: 0px auto; padding: 10px; }

.SocialButtons { display: table; width: auto; margin: 0px auto 40px auto; }
.SocialButtons div { display: table-cell; width: 40px; min-width: 40px; height: 40px; min-height: 40px; background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; }
.SocialFacebook { cursor: pointer; background-image: url(../Images/Icon-Facebook-White.svg); background-color: #3b5999; }
.SocialTwitter { cursor: pointer; background-image: url(../Images/Icon-Twitter-White.svg); background-color: #55acef; }
.SocialGoogle { cursor: pointer; background-image: url(../Images/Icon-Google-White.svg); background-color: #cd3c28; }
.SocialEmail { cursor: pointer; background-image: url(../Images/Icon-Email-White.svg); background-color: #727272; }

.Row { display: block; width: 100%; max-width: 728px; margin: 0px auto 40px auto; }

.TopBar { display: table; max-width: 100%; background-color: #009444; margin-bottom: 0px; }
.TopBar div { display: table-cell; padding: 12px; text-align: center; color: #FFFFFF; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.Article {  }
.Article .Logo { text-align: center; }
.Article h1 { font-size: 20px; line-height: 22px; color: #000000; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center; }
.Article h2 { font-size: 16px; line-height: 18px; color: #000000; font-family: 'Oswald', sans-serif; text-align: center; }

.Error { display: none; font-size: 16px; line-height: 18px; font-weight: bold; color: #FF0000; }

.Petition { max-width: 500px; }
.Petition div h2 { font-size: 16px; line-height: 18px; color: #000000; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.Petition div { display: block; width: 100%; margin: 0px auto 10px auto; text-align: center; }
#Name, #Email, #EmailConfirm, #Submit { width: 85%; font-size: 14px; color: #666666; text-align: center; margin: 0px auto; padding: 15px; border: solid 2px #ECECEC; font-family: 'Merriweather', serif; }

#Submit { width: 85%; background-color: #009444; border: 0px none; color: #FFFFFF; font-size: 20px; font-family: 'Oswald', sans-serif; text-transform: uppercase; cursor: pointer; }

.Footer { text-align: center; color: #999999; }
.Footer a { color: #999999; text-decoration: none; }

.Pic { display: block; width: 200px; margin: 0px auto 15px auto; }



/* ============================================== */


/* DESKTOP SIZE */ 
@media (min-width: 769px) {

body { background-image: url('../images/Background-1.jpg');  background-size: cover; background-repeat: no-repeat; background-color: #FFFFFF; }

.Content { padding 10px; }
.Container { display: block; min-width: 300px; width: 100%; padding: 0px; }

.SocialButtons div { width: 64px; min-width: 64px; height: 45px; min-height: 45px; }
.SocialCount b { font-size: 28px; line-height: 28px; }

.TopBar { margin-bottom: 40px; }
.TopBar div { font-size: 22px; line-height: 24px; }
.Article { font-size: 16px; line-height: 21px; }
.Article h1 { font-size: 28px; line-height: 32px; }
.Article h2 { font-size: 19px; line-height: 21px; }

.Disclaimer { font-size: 14px; line-height: 18px; }

.Petition div h2 { font-size: 18px; line-height: 20px; }

.Pic { width: 300px; float: right; margin: 0px 0px 15px 15px; }

}