body{
background-image: url('../img/sunnybg.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #000;
}

#logo, .paragraph, .signup, .icons, .featured{
margin-left: 5%;
margin-bottom: 2%;
}
#wrapper{
width:60%;
margin-left: 5%;
}

#logo{
max-width: 100%;
}

.paragraph{
width: 80%;
}

.blurb, .field, .button{
font-size: 1.2em;
color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: justify;
}

.blurb{
	line-height: 120%;
}
.signup{
width: 90%;
}

.field{
	margin: 2% 2% 2% 0;
	background-color: #000;
	width:35%;
}

::-webkit-input-placeholder {
   color: #eee;
   opacity: 0.5;
}

:-moz-placeholder { /* Firefox 18- */
   color: #eee;
   opacity: 0.5;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #eee;
   opacity: 0.5;
}

:-ms-input-placeholder {  
   color: #eee;
   opacity: 0.5;
}

.button{
	background-color: #000;
	font-size: 1.1em;
}

.icons, .featured{
width: 90%;
}

.twitter, .facebook, .youtube, .instagram{
	width: 50px;
	height: 50px;
	margin: 2% 2% 2% 0;
}
.twitter{
background-image: url('../img/twitter.png');
background-repeat: no-repeat;
display: inline-block;
}

.youtube{
background-image: url('../icn/youtube.png');
background-repeat: no-repeat;
display: inline-block;
}

.facebook{
background-image: url('../icn/facebook.png');
background-repeat: no-repeat;
display: inline-block;
}

.instagram{
background-image: url('../icn/instagram.png');
background-repeat: no-repeat;
display: inline-block;
}

h4{
font-size: 1em;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-align: justify;
}

.huffington, .hootsuite, .city, .breakfasttv, .youtbe, .notableca{
	width: 70px;
	height: 50px;
	margin: 2% 2% 2% 0;
}

.huffington{
background-image: url('../logos/huffington.png');
background-repeat: no-repeat;
display: inline-block;
}

.hootsuite{
background-image: url('../logos/hootsuite.png');
background-repeat: no-repeat;
display: inline-block;
}
.city{
background-image: url('../logos/city.png');
background-repeat: no-repeat;
display: inline-block;

}
.breakfasttv{
background-image: url('../logos/breakfasttv.png');
background-repeat: no-repeat;
display: inline-block;
}
.youtbe{
background-image: url('../logos/youtube.png');
background-repeat: no-repeat;
display: inline-block;
}
.notableca{
background-image: url('../logos/notable.png');
background-repeat: no-repeat;
display: inline-block;
}

@media (min-width: 320px) and (max-width: 699px){
body{
	background-image: url('../img/sunnybg-mob.jpg');
}

#wrapper{
	margin-top: 5%;
	width: 80%;
}

.blurb{
font-size: 0.8em;
}

.field{
	width: 100%;
}

.icons{
	width: 100%;
}

.featured{
	width: 100%;
}
}
@media (min-width: 700px) and (max-width: 779px){
body{
	background-image: url('../img/sunnybg-tablet.jpg');
}

#wrapper{
	width: 70%;
	margin-top: 10%;
}

.field{
	width: 80%;
}

.button{
	width: 30%;
	text-align:center;
}
.featured{
	width: 100%;
}
}


@media(min-width: 780px) and (max-width: 1024px){
body{
	background-image: url('../img/sunnybg-tabletlandscape.jpg');
}
}