* {
	font-family: 'Avenir','Nunxxito', sans-serif;
}
body {
	min-height: 1vh;
	min-width: 1vw;
	background: url('/img/bkgd.png') bottom right no-repeat fixed;
	background-size: 80%;
	background-color: rgba(75, 123, 179, 0.21);
	margin: 0px;
	padding: 0px;
}
section#viewport_container {
	width: 100%;
	/*max-width: 1100px;*/
	margin-left: auto;
	margin-right: auto;
}
section#viewport_container header {
	font-size: 30px;
	background-color: white;
	}
	section#viewport_container header #logo {
		height: 50px;
		max-width: 80%;
	}
	section#viewport_container header h1 {
		text-transform: uppercase;
		color: #231f58;
		margin: 0px;
		font-size: 20px;

		text-transform: uppercase;
		color: #231f58;
		padding: 30px;
		margin: 0px;
		font-size: 30px;
		text-align: left;
	}
	section#viewport_container header .phone h2 {
		text-transform: uppercase;
		color: #231f58;
		padding: 30px;
		margin: 0px;
		font-size: 30px;
		text-align: right;
	}
section#viewport_container section#container {
	/*background-color: rgba(255,255,255,0.6);*/
}

section#viewport_container footer {
	font-size: 30px;
	background-color: #231f58;
	color: white;
	padding: 0px 30px;
	}
	section#viewport_container footer section {
		padding: 1em;
	}
	section#viewport_container footer h2 {
		color: white;
		padding: 0px;
		margin: 0px;
		font-size: 30px;
		text-align: left;
		}
		section#viewport_container footer #phone h2 {
			text-align: right;
		}
	section#viewport_container footer p {
		margin: 0px;
		font-size: 20px;
	}
/*grid adjustments*/
header [class*='col-'] {
	padding: 1em 1em 1em 1em;
}
header [class*='col-'].padding0 {
	padding: 0.4em;
}

/*elements*/
ul {

	}
	ul li {
		list-style: none;
		line-height: 2em;
		font-size: 20px;
	}
	ul li:before{
   content: '';
   display: inline-block;
   height: 0.8em;
   width: 16px;
   background-image: url('../img/ul_li_icon-dc651d.png');
	 background-size: contain;
	 background-repeat: no-repeat;
	 margin-right: 10px;
}

/*ui kits*/
table.pricing {
	border-collapse: collapse;
	width: 100%;
	color: #231f58;
	/*background: white;*/
}
table.pricing thead {
	background-color: #dc651d;
	border-left: 1px solid #db651d;
	border-right: 1px solid #db651d;
	}
	table.pricing thead tr td {
		color: white;
		font-weight: 600;
		padding: 5px;
	}
	table.pricing tbody {
		background: white;
	}
	table.pricing tbody tr {
		border-left: 1px solid #db651d;
		border-right: 1px solid #db651d;
	}
	table.pricing tbody tr td {
		padding: 5px;
		vertical-align: middle;
		border-bottom: 1px solid #dc651d;
	}
	table.pricing tbody tr td + td {
		border-left: 1px solid #dc651d;
	}
	table.pricing tbody tr td.description p {
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-size: 20px;
	}
	table.pricing tbody tr td.description span {
		display: block;
		font-size: 15px;
		padding: 0px;
		margin: 0px;
	}
	table.pricing tbody tr td.price {
		font-size: 30px;
		vertical-align: middle;
		text-align: center;
	}
	table.pricing tbody tr td.price span {
		font-size: 15px;
	}
	table.pricing tfoot {
		}
		table.pricing tfoot tr td {
			color: #231f58;
			padding: 5px;
			border: 0px;
			font-size: 11px;
		}


		/* responsive styles */
		@media screen and (max-width: 580px) {
			header #sitetitle,
			header #phone {
				display: none;
			}
			header #phone_mobile {
				margin-top: 16px;
				margin-right: 30px;
				height: 45px;
				width: 45px;
				float: right;
			}
			section#viewport_container header .phone h2 {
				font-size: 20px;
			}

			ul li {
				list-style: none;
				line-height: 2em;
				font-size: 16px;
			}
		}
		@media screen and (max-width: 580px) and (max-height: 740px) {


		}

		/* Medium Screen Rules */
		@media screen and (min-width: 580px) and (max-width: 1024px) {

			#sitetitle {
				font-size: 20px;
			}
			header #phone_mobile {
				margin-top: 16px;
				margin-right: 30px;
				height: 45px;
				width: 45px;
				float: right;
			}
			section#viewport_container header .phone h2 {
				font-size: 18px;
			}

		}

		/* tablet and above */
		@media screen and (min-width: 1024px) and (max-width: 1699px) {

		}

		@media screen and (min-width: 1700px) {

		}

		@media screen and (max-width: 560px) {

		}