form {
		max-width: 500px;
}

.wpcf7-form-control {
		border-radius: 20px;
		padding: 10px 20px;
		margin-bottom: 10px;
		border: none;
		color: #BABABA;
		max-width: 500px;
		width: 100%;
}

input::placeholder, textarea::placeholder {
		color: #BABABA;
}

.wpcf7-acceptance {
		color: #111;
		font-size: 16px;
}

.wpcf7-submit {
		font-size: 18px;
		color: #fff;
		background-color: #A97F4C;
		padding: 10px 32px;
		margin-top: 24px;
		width: auto;
}

.wpcf7-submit:hover {
		background-color: #1C2637;
}

form p,
form span,
form input,
form textarea,
form select {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

.wpcf7-acceptance label {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 10px;
}

.wpcf7-acceptance label input {
		width: auto;
}

footer {
		margin-top: 0!important;
}

a.has-contrast-background-color:hover {
		background-color: #A97F4C!important;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0px;
    outline-style: solid;
}

.hero-extra-text {
		font-size: 36px;
}

@media only screen and (max-width: 781px) {
		h1, h2, h3, .text-center {
				text-align: center;
				width: 100%;
		}
		.wp-block-buttons.is-layout-flex {
				margin: 0 auto;
				justify-content: center;
		}
		.content-block .wp-block-image:not(.image-left), .wp-block-image.alignright {
				max-width: 300px;
				margin-left: auto!important;
				margin-right: auto!important;
		}
		
		.is-layout-flow.alignright {
				float: auto!impornant;
		}
		
		.about {
				flex-direction: column-reverse;
		}
		
		.hero-contact {
				justify-content: center;
		}
		
		.hero {
				text-align: center;
		}
		
		.hero-extra-text {
				font-size: 18px;
		}
		
		.section {
				padding-top: 40px!important;
    		padding-bottom: 40px!important;
		}
		
		.mobile-hidden {
				display: none;
		}
}

@media only screen and (max-width: 1040px) { 
		.logo-header img {
				height: 35px!important;
		}
		
		.header-wrapper {
				padding-right: 20px;
				padding-left: 20px;
		}
}


@media only screen and (min-width: 1040px) { 
		.image-right img {
				float: right;
		}
}


.logo-header {
  display: block;
}

.logo-header-mobile {
  display: none;
}

@media only screen and (max-width: 840px) and (min-width: 600px) {
  .logo-header {
    display: none !important;
  }

  .logo-header-mobile {
    display: block !important;
  }

  .logo-header-mobile img {
    height: 40px !important;
  }

  .header-upper-wrapper,
  .header-upper {
    width: 100%;
  }

  .wp-block-page-list {
    gap: 15px !important;
  }

  form {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 599px) {
  .logo-header {
    display: block !important;
  }

  .logo-header-mobile {
    display: none !important;
  }
		.header-phone  {
				display: none!important;
	}
}