body
{
    font-family: Arial;
    font-size: 2em;
}

.input-row
{
    margin-bottom: 5px;
    width: 95%;
    font-size: 1.5em;
}

@media only screen and (max-device-width: 900px)
{
    input[type="radio"]
    {
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Chrome, Safari, Opera */
	transform: scale(2);
	margin: .25em;
	border-radius: .25em;
    }
}

.btn-submit
{
    padding: 10px 20px;
    background: #333;
    border: #1d1d1d 1px solid;
    color: #f0f0f0;
    font-size: 2em;
    border-radius: 2px;
    cursor: pointer;
}

.input-field {
    border-radius: 2px;
    padding: .25em;
    border: #e0dfdf 1px solid;
    box-sizing: border-box;
    font-size: 1em;
}

.input-field-short {
    border-radius: .25em;
    padding: .25em;
    border: #e0dfdf 1px solid;
    box-sizing: border-box;
    font-size: 1em;
}

.span-field {
/*    font: Arial;
    font-size: small;*/
    text-decoration: none;
}

.info {
/*    font-size: .8em;*/
    color: #FF6600;
/*    letter-spacing: 2px;*/
/*    padding-left: 5px;*/
}

@media only screen and (min-width: 1024px)
{
    body
    {
	font-family: Arial;
	font-size: 1em;
    }
    .input-row
    {
	font-size: 1em;
    }
    .btn-submit
    {
	padding: 10px 20px;
	background: #333;
	border: #1d1d1d 1px solid;
	color: #f0f0f0;
	font-size: 1em;
	border-radius: 8px;
	cursor: pointer;
    }
    .input-field-short
    {
	font-size: 1em;
    }
    .input-field
    {
	font-size: 1em;
    }
}

/*
.errorMessage {
    background-color: #FF6600;
    border: #AA4502 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 3px;
}

.successMessage {
    background-color: #9fd2a1;
    border: #91bf93 1px solid;
    padding: 5px 10px;
    color: #3d503d;
    border-radius: 3px;
    cursor: pointer;
}

.attachment-form-container {
    background: #F0F0F0;
    border: #e0dfdf 1px solid;
    padding: 20px;
    border-radius: 2px;
}

.attachment-row {
    margin-bottom: 20px;
    width: 95%;
    float: left;
}

.icon-add-more-attachemnt {
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.attachment-row .input-field {
    border: #a8b0bd 1px solid;
}
*/
/** {box-sizing:border-box}*/

.wrapper{
  width: 70%;
  display: flex;
  animation: slide 16s infinite;
}

@keyframes slide{
  0%{
    transform: translateX(0);
  }
  14%{
    transform: translateX(-25%);
  }
  28%{
    transform: translateX(-50%);
  }
  43%{
    transform: translateX(-75%);
  }
  57%{
    transform: translateX(-100%);
  }
  71%{
    transform: translateX(-125%);
  }
  85%{
    transform: translateX(-150%);
  }
  100%{
    transform: translateX(-200%);
  }
}