/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
body.thirtyx-template-default {
	display: flex;
	flex-direction: column;
	height: 100%;
}
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
		background: initial;
}
body, h1, h2, h3, h4, h5 {
	margin: 1em 0 1em;
	padding: 0;
}
h2, h2, h3, h4, h5 {
	font-weight: 700;
}
p {
	margin: 0 0 1em;
}
.thirtyx-template-default {
	margin: 0;
	font-family: "Roboto", Arial, San-Serif;
	font-size: 15px;
	background-color: #ffffff;
}
header, footer, .pm-thirtyx-headline {
	flex: none;
}
.pm-thirtyx-headline, footer {
	text-align: center;
}
.pm-thirtyx-wrap {
	padding: 2em;
	margin: 0 auto;
}
content.pm-thirtyx-wrap {
	padding: 0 2em 2em;
}
.pm-thirtyx-columns {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
}
#pm-thirtyx-col-2 form input {
    width: 100%;
    margin: 0 0 0.7em 0;
    padding: 0.7em;
    border: 0.07em solid #d1d1d1;
    background-color: #f7f7f7;
    border-radius: 2px;
    font-size: 1.1em;
}
::placeholder{
    color: #d1d1d1;
}
#pm-thirtyx-col-2 form input[type=submit], #pm-thirtyx-col-2 input button, #pm-thirtyx-billboard-button {
    font-size:  120%;
    border: 0;
}
#pm-thirtyx-billboard-button {
	margin: 1.5em 0;
	padding: 1em 1.2;
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
video {
	width: 100%;
}
@media screen and (min-width: 48em) {
	.pm-thirtyx-wrap {
		width: 1100px;
	}
	.pm-thirtyx-columns {
		flex-flow: row;
	}
	#pm-thirtyx-col-1 {
		width: 70%;
		margin-right: 2em;
	}
	#pm-thirtyx-col-2 {
		width: 30%;
	}
}