@media only screen and (min-width: 1020px) {
		.row{
				box-sizing: border-box;
				display: flex;
				--col-gap: 0px;
				--row-gap: 0px;
				column-gap:var(--col-gap);
				row-gap:var(--row-gap);
				flex-wrap: wrap;
		}

		.col {
			box-sizing: border-box;
			margin:0px;

			flex-basis: calc(
				calc((100% * calc(var(--col-dt) / var(--cols)) - var(--col-gap))) + 
				calc(calc(var(--col-dt) / var(--cols)) * var(--col-gap))
			)
			;
		}
	}

	@media only screen and (min-width: 768.01px) and (max-width: 1019.99px) {
		.row{
				box-sizing: border-box;
				display: flex;
				--col-gap: 0px;
				--row-gap: 0px;
				column-gap:var(--col-gap);
				row-gap:var(--row-gap);
				flex-wrap: wrap;
		}

		.col {
			box-sizing: border-box;
			margin:0px;

			flex-basis: calc(
				calc((100% * calc(var(--col-tb) / var(--cols)) - var(--col-gap))) + 
				calc(calc(var(--col-tb) / var(--cols)) * var(--col-gap))
			)
			;
		}
	}

	@media only screen and (max-width: 768px) {
		.row{
				box-sizing: border-box;
				display: flex;
				--col-gap: 0px;
				--row-gap: 0px;
				column-gap:var(--col-gap);
				row-gap:var(--row-gap);
				flex-wrap: wrap;
		}

		.col {
			box-sizing: border-box;
			margin:0px;

			flex-basis: calc(
				calc((100% * calc(var(--col-mb) / var(--cols)) - var(--col-gap))) + 
				calc(calc(var(--col-mb) / var(--cols)) * var(--col-gap))
			)
			;
		}
	}

    form.simple-contact-form {
        box-sizing: border-box;
        padding:15px;
    }

	form > div {
		display:flex;
		flex-direction:column;
	}

	form > div > label {
		order: 0;
	}
	
	form > div > span {
		order: 2;
	}
	
	form > div > input, form > div > textarea {
		order: 1;
        width:100%;
        box-sizing: border-box;
	}