body {
  margin:0;
	background-image: url("../icon/wallpaper.png");
	background-repeat: no-repeat;
	background-position: center;
	font-family: 'Freight Sans Pro W00',"Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
  height: 100vh;
}

#pink {
  background-color: rgba(223, 74, 92, 0.65);
  width: 100vw;
  text-align: center;
  min-height: 100vh
}

#logo {
  margin: auto;
  width: 40vw;
  max-width: 250px;
}

img {
  width: 40vw;
  height: auto;
  max-width: 250px
}

#text {
	color: #fff;
	padding: 3vw;
	font-size: 0.80em;
  line-height: 1.25em;
}

#footer {
	height: 20px;
  padding: 10px;
	background-color: #fff;
	display: inline;
	color:rgba(223, 74, 92, 0.85);
}
span {
	font-weight: 800;
}

a {
	text-decoration: none;
	color:#de8a69 ;
}

h1 {
	font-weight: normal;
	text-transform: uppercase;
}
br {
  display: none;
}

.button{
 display: inline-block;
 border: none;
 color: #FFFFFF;
 width: auto;
 height: auto;
 padding:3px 50px;
 background-color: #FC0D3C;
 font-size: 1.2em;
 margin-top: 2px;
}

.button:hover, .button:active{
 border: none;
 color: #705D07;
 background-color: #FCDF5B;
 cursor:pointer;
}

input {
	background-color:rgba(0, 0, 0, 0);
	color: white;
	border: none;
	border-bottom: 1px solid white;
}

::-webkit-input-placeholder {
  color: white;
  font-size: 1.2em;
  text-align: center;
}
::-moz-placeholder {
  color: white;
  text-align: center;
  font-size: 1.2em;
}
:-ms-input-placeholder {
  color: white;
  text-align: center;
  font-size: 1.2em;
}
:-moz-placeholder {
  color: white;
  text-align: center;
  font-size: 1.2em;

}

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

#right {
	float:right;
}

#left {
	float:left;
}

@media screen and (max-width:760px) {
  #left, #right{
    float: none;
    text-align: center;
  }
  br {
    display: inline;
  }
  #footer {
    height: auto;
    padding: 0px;
  }

}
@media screen and (max-width:495px) {
  #footer {
    font-size:0.8em ;
  }

}