@font-face {
    font-family: 'bariol_regularregular';
    src: url('bariol_regular-webfont.eot');
    src: url('bariol_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('bariol_regular-webfont.woff') format('woff'),
         url('bariol_regular-webfont.ttf') format('truetype'),
         url('bariol_regular-webfont.svg#bariol_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'bariol_regularregular';  
}

header.main {
  width: 100%;
  min-height: 120px;
  padding-top: 50px;
  background-color: #0090d4;  
}

.wrapper {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; 
}

#content .wrapper {
  min-height: 500px;
  background-image: url('../img/bg.png'); 
  background-repeat: no-repeat;
  background-position: right center;
}

#logo {
  min-height: 100px;
  border-bottom: 1px solid #0074aa;
  background-image: url('../img/logo.png'); 
  background-repeat: no-repeat;
}

#content {
  width: 100%;
  background-color: #0090d4; 
}

#description {
  float: left;
  width: 560px;
}

#app {
  float: left;
  width: 400px;
  background-image: url('../img/icon-app.png');
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 220px;  
  margin-top: 130px;
}

#description {
  font-size: large;
  color: #fff;  
}

#description h1 {
  color: #e1d606;
  font-size: 32px;  
}

#description .main {
  width: 90%;
  line-height: 30px;
  font-size: 20px;  
}

#description .small {
  width: 45%;
  float: left;
  margin-right: 5px;
  margin-top: 10px;
  font-size: small;
}

#store {
  width: 100%;
  clear:both;
}

#badges {
  padding: 0px;  
}

#badges .badge {
  float: left;
  margin-right: 20px;
}

#social {
	float:right;
	padding: 0px;
	padding-top: 100px;
	margin-right: 10px;
}

.network {
}

footer {
  background-color: #fff;
  background-image: url('../img/icons.png');
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 200px;
  border-top: 0px solid #0074aa;
}

@media only screen and (max-width: 1024px) {

#app {
	display: none;
}

#logo {
  min-height: 150px;
  border-bottom: 1px solid #0074aa;
  background-image: url('../img/logo_icon.png'); 
  background-repeat: no-repeat;
}

#content .wrapper {
  background-image: none;
  
}

#description {
  float: left;
}

.wrapper {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto; 
}


}

@media only screen and (max-width: 480px) {

.wrapper {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto; 
}

#app {
	display: none;
}

#logo {
  min-height: 150px;
  border-bottom: 1px solid #0074aa;
  background-image: url('../img/logo_icon.png'); 
  background-repeat: no-repeat;
}

#content .wrapper {
  background-image: none;
  min-height: 690px;
}

.wrapper {
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto; 
}

#description {
  float: left;
  width: 98%;
}

#badges .badge {
  float: left;
  margin-right: 20px;
  padding-top: 10px;
}

footer {
  background-color: #fff;
  background-image: url('../img/icons3_d.png');
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 600px;
  border-top: 0px solid #0074aa;
}


}