img {
    max-width: 100%;
    max-height: 100%;
}

#logo {
	margin: 0 auto;
	padding: 0;
  text-align: center;
  width: 200px;
  height: 200px;
}

#title {
	margin: 30 auto;
}

#info {
    height: 40px;
    position: fixed;
    bottom:0%;
    width:100%;
    text-align: center;
    background-color: #FFFFFF;
    opacity: 1;
}

@media screen and (min-width: 400px) {
    .rwd-break { display: none; }
}

.rwd-line {
  display: grid;
  margin: 8px;
  vertical-align: middle;
}

#content {
        display: table;
        margin:auto;
        margin-top: 50px;
        /*this to solve "the content will not be cut when the window is smaller than the content": */
        overflow:auto;
    }

.submitform {
    vertical-align: middle;
    display: grid;
}

@media screen and (min-width: 768px){
            .rwd-line {
              display: inline;
              margin: 4px;
            }
            .submitform {
                display: table-cell;
            }
        }