<style>
 .form-section {
	margin:0;
	padding:0;
	width:100%;
}
#welcome-block, .form-container {
      width: 98%;
      border-radius: 8px;
      margin-bottom: 10px;
    }

#welcome-block, .guest-container {
      background: rgba(0, 0, 0, 0.5);
    }

#welcome-block p {
      padding: 7px;
    }

.form-container  {
      	background: transparent;
	/*display: flex; /* for floating a div up*/
	/*flex-direction: column;/* for floating a div up*/
    }

.guest-container {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      margin-bottom: 11px;
    }
.guest-editing{
	/*order: -1;/* for floating a div up*/
}

.guest-container h2 {
      margin-right: 20px;
      display: block;
      width: 100%;
      border-bottom: 2px solid black;
      margin-top:3px;
    }

.input-row {
	display: flex;
      	margin-bottom: 15px;
	justify-content: space-between;
    }
.input-box:nth-child(odd) {
	flex:1;
	margin-right: 3px;
    }
.input-box:nth-child(even) {
	flex:1;
	margin-left: 3px;
    }
.select-box {
      display: flex;
      justify-content: space-between;
      padding-bottom: 7px;
      border-bottom: 1px solid gray;
      margin-top: 7px;
    }

.guest-container label {
	font-size: 60%;
	line-height: 100%;
	margin-top: 7px;
	padding:0;
    }

.select-box label {
      width: 50%;
	flex-wrap: nowrap;
	white-space: nowrap;
    } 

.select-box select {
      width: 48%;
	margin-left: 2%;

    }

.input-box label {
      display: block;
      width: 100%;
    }

.input-box input {
      width:100%;
    }

.input-box input,
.select-box select {
      padding: 3px;
      box-sizing: border-box;
	margin:0;
    }

.select-options {
      flex: 1;
    }

/*  ***************************************************************/

.checkbox-group {
      	background-color: #eee;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	flex-wrap:wrap;
    }

.checkbox-group label {
	font-family: 'Arial', sans-serif;
	font-size: 50%;
	margin: auto;
      	align-items: center;
      	width: 25%;
        white-space: nowrap;
      	color: #000;
      	padding: 4px 0 4px 4px;
	overflow:hidden;
    }
.checkbox-group label input{
	margin: 0 4px;
}

.checkbox-group > label:nth-child(n){
	border-bottom: 1px solid gray;
}
.checkbox-group label:nth-child(odd) {
      	background-color: #afafaf;
}
.checkbox-group label:nth-child(even) {
      	background-color: #cfdfdf;
}
/*  **********************************************************  */
button {
	font-family: 'Arial', sans-serif;
      	background-color: #76e;
      	border: 1px solid white;
      	padding: 10px 20px;
      	font-size: 16px;
      	cursor: pointer;
      	border-radius: 6px;
      	color: black;
	align-items: center;
            position: relative;
            width: 50%;
            left: 25%;
    }

button:hover {
      background-color: #326;
      border:1px solid black;
      color: lavender;
}
button.aside-button{
	width: 70%;
	left: 15%;
}

@media only screen and (max-width: 40em) {
	.select-box label {
      		font-size: .5em;
    } 

}
</style>