@charset "utf-8";
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
/* CSS Document */

h2{
font-family: Georgia;
font-style: italic;
color: #000100;
font-size: 19px;
}

body {
margin:0;
padding:0;
background:url(images/background.jpg) 50% 0% no-repeat;
background-size: cover;
font-family:"Helvetica Neue",Helvetica, Arial;
}

#wrapper {
	background:url(images/dot_pattern.png) transparent;
	width:100%;
	height:100%;
	padding-bottom:27px;
}

#container {
	margin:auto;
	width:1334px;
	background:url(images/healthy_break_logo_left.png) top left no-repeat;
	height:100%;
}

#content {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:90px;
	width:980px;
	background:url(images/healthy_break_logo1.png) top left no-repeat;
	min-height:530px;
}

.iphone {
	padding-top:27px;
	margin-left:68px;
	float:left;
}

#col1 {
	margin-top:327px;
	float:left;
	width: 205px;
	text-align:right;
	font-style: italic;
	color: #000100;
	font-size: 19px;
	margin-bottom: 10px;
	font-family: Georgia;
}

.app {
	margin-top:31px;
}

#col3 {
	position:absolute;
	float:left;
	bottom:0;
	right:0;
	width:220px;
	font-size:15px;
}

#up {
	padding:16px;
	background:#144eaf;
	opacity:0.8;
	font-style:italic;
	color:#fff;
	margin-bottom:35px;
	border-radius:10px;
}

#up h2 {
	color:#fff;
	margin:0;
	padding:0;
}

#down {
	padding:16px;
	background:#664733;
	font-style:italic;
	color:#fff;
	opacity:0.8;
	border-radius:10px;
}

#down h2 {
	color:#fff;
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
	padding-left:16px;
	padding-right:16px;
}

#postscript {
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-left:30px;
	padding-bottom:30px;
	border-radius:10px;
	opacity:0.8;
	width:790px;
	height:156px;
	background:#664733;
	font-family:Georgia;
	color:#fff;
}

.postscript-left {
	font-weight:bold;
	font-style:italic;
	float:left;
	width:625px;
	border-right:thin;
}

.tackice {
	float:right;
}

.connect{
	width: 145px;
	padding-left: 20px;
	float: left;
	padding-top: 40px;
}

#footer {
	margin-top:10px;
	padding:10px;
	border-radius:10px;
	background:#664733;
	opacity:0.8;
	width:431px;
	height:19px;
	margin-left:auto;
	margin-right:auto;
}

#footer a {
	color:#fff;
}


form{
padding: 30px 0;
float: left;
}


.field{
float: left;
background: url(images/input.png) left top no-repeat;
width: 425px;
height: 21px;
font-size: 14px;
color: #666;
padding: 10px;
border: none;
}

.submit_butt{
float: left;
background: url(images/input.png) right top no-repeat;
width: 109px;
height: 41px;
border: none;
cursor: pointer;
}

.submit_butt:hover{
background: url(images/input.png) right bottom no-repeat;
}
#privacy_policy{
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	padding-bottom:20px;
	padding-left:20px;
	padding-top: 20px;
	border-radius:10px;
	opacity:0.8;
	background:#664733;
	font-family:Georgia;
	color:#fff;
}

#social {
  margin: 20px 10px;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border:2px solid #ddd; /* add border to the buttons */
    box-shadow: 0 3px 3px #999;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
}

/* facebook button class*/
.facebookBtn{
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

.facebookBtn:hover{
    color: #4060A5;
    background: #fff;
    border-color: #4060A5; /* change the border color on mouse hover */
}

/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
      
}

.twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
      border-color: #00ABE3;
}

/* google plus button class*/
.instagramBtn{
    background: #e64522;
}

.instagramBtn:before{
      font-family: "FontAwesome";
      content: "\f16d"; /* add googleplus icon */
}

.instagramBtn:hover{
      color: #e64522;
      background: #fff;
      border-color: #e64522;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
      border-color: #0094BC;
}