/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,
h3,h4,h5,h6,pre,form,p,blockquote,
fieldset,input,hr,figure {
	margin:0; padding:0;
}
h1,h2,h3,h4,h5,h6,pre,code,address,
caption,cite,code,em,th {
	font-size:1em;
	font-weight:normal;
	font-style:normal;
}
article,aside,details,figcaption,
figure,footer,header,hgroup,menu,
nav,section{
    display:block;
}
input {
  -webkit-appearance: none;
}
input:focus {
  outline: none;
}
figure img{
	display: block;
	margin: 0;
}
ul,ol{
	list-style:none;
}
fieldset,img,hr{
	border:none;
}
caption,th{
	text-align:left;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
td{
	vertical-align:top;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
}
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1;
}

html {
  background: url('../images/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.container{
  width: 452px;
  margin: 0 auto;
  text-align: center;
  font-family: arial, sans-serif;
  padding: 0 15px
}
img{
  margin: 0 auto;
}
.slogen{
  padding: 35px 0;
  margin: 45px 0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}
.share li{
  display: inline-block;
  vertical-align: middle;
}
.share li:first-child{
  margin-right: 20px;
}
.share a{
  color: #fff;
  text-decoration: none;
  font-size: 22px;
}
.vertical-align{
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 482px){
  .container{
    width: auto;
  }
}