
.section {
  margin-bottom: 44px;
}
.mpep-application .mail-check {
	display: none;
}
.mpep-application .music-photo-event-form .field {
  width: 100%;
  margin: 20px 0;
}
.mpep-application .mpep-display-section {
  padding: 10px 0;
}
.node--view-mode-printable .table {
	width: 100%;
}

/* iPhone 6/7/8 */
@media (min-width: 376px) {
  body {
    width: 100%;
		margin: 0 auto;
		padding: 10px 20px;
		font-size: 16px;
  	}
  img {
	  width: 125px;
	  }
	hr {
		border-style: none;
		border: medium solid #663D6D;
		}
	h1 {
  	font-size: 26px;
		font-family: 'PT Sans', Sans;
		border-bottom: 4px solid;
		margin-bottom: 25px;
		}
	h2 {
  	font-size: 20px;
		font-family: 'PT Sans', Sans;
		border-bottom: 2px solid;
		}
	h3 {
  	font-size: 14px;
		font-family: 'PT Sans', Sans;
		border-bottom: 2px solid;
		font-weight: normal;
		margin-bottom: 15px;
		}
	.field-group {
		width: 375px;
		}
	.field__item:last-child {
		margin-bottom: 10px;
		}
	.field__item {
		width: 65%;
		margin: 0 0 0 33%;
		}
		.section {
		margin-bottom: 24px;
		}

}

/* iPad */
@media (min-width: 768px) {
  body {
    width: 100%;
    max-width: 800px;
		margin: 0 auto;
		padding: 15px 30px;
		font-size: 16px;
  	}
  img {
	  width: 150px;
	  }
	hr {
		border-style: none;
		border: medium solid #663D6D;
		}
	h1 {
  	font-size: 18px;
		font-family: 'PT Sans', Sans;
		border-bottom: 4px solid;
		margin-bottom: 25px;
		}
	h2 {
  	font-size: 24px;
		font-family: 'PT Sans', Sans;
		font-weight: bold;
		border-bottom: 2px solid;
		}
	h3 {
  	font-size: 14px;
		font-family: 'PT Sans', Sans;
		border-bottom: 2px solid;
		font-weight: normal;
		margin-bottom: 15px;
		}
	.field-group {
		width: 768px;
		}
	.field__item:last-child {
		margin-bottom: 10px;
		}
	.field__item {
		width: 65%;
		margin: 0 0 0 33%;
		}
	.section {
		margin-bottom: 44px;
		}
	.field__label, .views-label {
	  font-weight: bold;
		}
	.field--name-field-pa-assistant-description {
	  margin-top: 30px;
		}
	.field--name-field-inland-marine-bus-property {
	  margin-top: 50px;
		}
	.application-order-information .label,
	.application-client-information .label,
	.application-client-performer-business-name .label,
	.application-client-contact-information .label {
		font-size: .85rem;
		}
	.application-client-information .application-client-address {
		font-size: .85rem;
		}
	.margin-bottom-1rem {
		margin-bottom: 1rem;
		}
	.client-name-id {
		display: flex;
		gap: 40px;
		align-items: baseline;
		}
	.client-name-id .name {
		font-size: 1.5rem;
		}
	.client-id {
		display: flex;
		align-items: baseline;
		gap: 10px;
		}
	.list-group {
		padding: 0;
		margin-top: 0;
		}
	.list-group li {
		list-style: none;
		}
	.billing-information .field__item {
		width: auto;
		margin: 0;
		}
	.billing-information .address {
		margin-top: 0;
		}
	.mpep-application .mpep-display-section .field__label {
		width: 40%;
	}

}

@media (min-width: 1200px) {
  .container, .layout-insurance-pages .container, .layout-homepage .container, .role-user .layout-insurance-pages .container, .role-user .layout-homepage .container {
    max-width: 1200px;
  }
  .section {
  	margin-bottom: 44px;
		}
	.field__label, .views-label {
	  font-weight: bold;
		}
	.field--name-field-pa-assistant-description {
	  margin-top: 30px;
		}
	.field--name-field-inland-marine-bus-property {
	  margin-top: 50px;
		}

}

/* Accident investigation */

.accident-pictures {
	display: none;
  }
  .node--type-accident-investigation-form fieldset {
	border: thin solid #D1D5DB;
	border-radius: 6px;
	margin-bottom: 2rem;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  }
  .node--type-accident-investigation-form legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
  }
  .field--name-field-page-title.field__item {
	width: 100%;
	margin: 20px 0;
  }
/* End Accident investigation */

.field__label {
  width: 33%;
  float: left;
  margin-bottom: 0.25rem;
}
.field--label-above .field__label {
  display: block;
  float: none;
  text-align: left;
}
.field--label-above .field__item {
  display: block;
  margin-left: 0;
}
.field__label::after {
  content: ":";
  margin-left: 2px;
}



