@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=block');

body {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
	background-color:#DEF1E9;
}

#wait {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 0 0;
}

.title {
    font-size: 1.9em;
    font-weight: bold;
    margin: 3em 0 0 0;
	color: #FF0000;
}

#note {
    color: #656565;
    font-size: 1.25em;
    margin-top: 0.2em;
}

#loading {
    /* display: block; */
    /* max-width: 45%; */
    /* margin: 2.2em auto; */
    /* -webkit-transform: scale(1.5); */
    /* -ms-transform: scale(1.5); */
    /* transform: scale(1.5); */
    margin: 2.3em auto;
    max-width: 90%
}

#loader {
    position: relative;
    width: 100%;
    height:100%;
}

@-webkit-keyframes progress-bar-stripes {
  from  { background-position: 0 0; }
  to    { background-position: 40px 0; }
}

@keyframes progress-bar-stripes {
  from  { background-position: 0 0; }
  to    { background-position: 40px 0; }
}

.progress-bar {
    margin: 2.5em auto;
    width: 350px;
    height: 20px;
    border-radius: 4px;

	-webkit-animation: progress-bar-stripes 1.0s linear infinite;
    -o-animation: progress-bar-stripes 1.0s linear infinite;
    animation: progress-bar-stripes 1.0s linear infinite;

    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.20) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.20) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.20) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.20) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.20) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.20) 50%,rgba(255,255,255,.20) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    background-color: #59B78C;
}

@media (max-width: 479px) {
    body {
        font-size: 0.85em;
    }
    .progress-bar {
        width: 90%;
        max-width: 320px;
    }
	.img-logo-yourdiscount {
  		width: 100%;
		height: 300px;
	}
}