/*
 * Page-Layout
 */

body {
	margin: 0;
}

.container {
	max-width: 85%;
	margin: auto;
}



@media only screen and (max-width:960px) {
	.container {
		max-width: 90%;
		padding: 0px;
	}
}

/*
 * H-Tags
 */

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

h1, .h1 {
	font-size: calc(2.75em + 1.25vw);
	font-weight: 500;
}

h2, .h2 {
	font-size: calc(2.25em + 0.75vw);
	font-weight: 500;
}

h3, .h3 {
	font-size: calc(1.25em + 0.75vw);
	font-weight: 500;
}

h4, .h4 {
	font-size: calc(1em + 0.5vw);
	font-weight: 500;
}

p, .p {
	font-size: calc(1em + 0.25vw);
	font-weight: 300;
}

a, .a {
	font-size: calc(1em + 0.25vw);
	font-weight: 300;
}


/*
 * Buttons
 */
.button-large {
	border: none;
	font-size: 1.25em;
	padding: 0.5em .1em;
	border-radius: 0.4em;
}

/*
 * Bootstrap positioning
 */

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mt-auto, .my-auto {
	margin-top: auto;
}

.mb-auto, .my-auto {
	margin-bottom: auto;
}

/*
 * Padding
 */

.py-5, .pt-5 {
	padding-top: 3rem;
}

.py-5, .pb-5 {
	padding-bottom: 3rem;
}

.py-3, .pt-3 {
	padding-top: 1rem;
}

.py-3, .pb-3 {
	padding-bottom: 1rem;
}

.py-2, .pt-2 {
	padding-top: 0.5rem;
}

.py-2, .pb-2 {
	padding-bottom: 0.5rem;
}


.py-0, .pt-0 {
	padding-top: 0;
}
.py-0, .pb-0 {
	padding-bottom: 0;
}

/*
 * Margin
 */

.my-5, .mt-5 {
	margin-top: 3rem;
}

.my-5, .mb-5 {
	margin-bottom: 3rem;
}

.my-3, .mt-3 {
	margin-top: 1rem;
}

.my-3, .mb-3 {
	margin-bottom: 1rem;
}

.my-2, .mt-2 {
	margin-top: 0.5rem;
}

.my-2, .mb-2 {
	margin-bottom: 0.5rem;
}


.my-0, .mt-0 {
	margin-top: 0;
}
.my-0, .mb-0 {
	margin-bottom: 0;
}

/*
 * Useful classes
 */

.center-text, .text-center {
	text-align: center;
}

.none, .hidden {
	display: none !important;
}