<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">

&nbsp;

</div>
</div>
</div>
</div>
<header>
<div class="topnav" id="myTopnav">
<div class="nav-container">
<p class="mod-reset"><a class="icon">
<i class="fa fa-bars"></i>
</a></p>
<p class="mod-reset"><a class="logo" href="#home">
<img src="images/logo.png" alt="armis" width="169" height="77">
</a></p>
<p class="">Eliminating pests is what we do best.</p>
<p class=""><a class="active" href="#home">Home</a>
<a href="#services">Services</a>
<a href="#about-us">About</a>
<a href="#get-in-touch">Contact</a>
<a href="tel:931-284-6625">Call Now</a></p>

</div>
</div>
</header>
<div class="boldgrid-section">
<div class="container">

<!-- Home -->
<div id="home" class="home">
<h1 class="">Be the HERO.
Protect your family.</h1>
<p class=""><a href="tel:931-284-6625">Schedule the service</a>
<img src="images/family.png" alt="family" width="1136" height="435"></p>

</div>
<!-- Guarantee -->
<div class="guarantee">
<div class="guarantee-container">
<h2 class="">Rest Easy Guarantee</h2>
<div class="content">

<!-- 100% Money Back -->
<div class="gurantee-items">

<!-- money icon -->
<h3>100% Money Back</h3>
<h5>If we have to come back
more than 3 times for the
same issue, we will refund
your last payment.</h5>
</div>
<!-- return -->
<div class="gurantee-items">

<!-- bell icon -->
<h3>If pests return, so do
we.</h3>
<h5>We provide free re-services
if pests return between
regularly scheduled services.</h5>
</div>
</div>
</div>
<img src="images/daughter.png" alt="daughter">

</div>
<!-- services -->
<div id="services" class="services">
<h2>Professional Services</h2>
<h5>What we do</h5>
<div class="content flex-space">

<!-- pest control -->
<div>
<p class="mod-reset"><img src="images/inside.png" alt="inside"></p>

<h3>Pest Control</h3>
<h6>Protect your family</h6>
Unwanted pests invade when steps are not taken to prevent their spread and intrusive behavior. We specialize in eliminating and preventing unwanted pests from setting up shop in your home or business. We use a variety of treatment methods and products to provide you the peace of mind you desire.

<a href="tel:931-284-6625">Call Now</a>

</div>
<!-- Termite Control -->
<div>
<p class="mod-reset"><img src="images/house.png" alt="house"></p>

<h3>Termite Control</h3>
<h6>Protect your home</h6>
Termites cause billions of dollars in structural damage every year. We use the latest in low-impact, effective, termite colony elimination strategies to provide the protection you need for your home or business.

<a href="tel:931-284-6625">Call Now</a>

</div>
<!-- Termite Control -->
<div>
<p class="mod-reset"><img src="images/outside.png" alt="outside"></p>

<h3>Mosquito Control</h3>
<h6>Protect your yard</h6>
Mosquito’s can ruin your time outside. Don’t let them keep you from enjoying the benefits of your own yard. We can greatly reduce the mosquito population around your home, giving you freedom to enjoy the great outdoors.

<a href="tel:931-284-6625">Call Now</a>

</div>
</div>
</div>
<!-- about-us -->
<div id="about-us" class="about">
<p class="mod-reset"><img src="images/baby_dad.png" alt="baby_dad" width="530" height="620"></p>

<div class="content">
<h2>More About Us</h2>
armis is in business for one reason: to help YOU be the HERO of your own home. We offer quality services, exceptional efficiency, and the highest level of professionalism. We use products and techniques that eliminate and protect against troublesome pests, while being low impact on your home and environment. We back our services with a 100% money back guarantee and free re-services as needed on our reoccurring service plans.

<a href="tel:931-284-6625">Call Now</a>

</div>
</div>
<!-- quote -->
<div class="quote">

<!-- quote icon -->
<h4>When armis came to get rid of my ants, I was surprised at how much extra seemed to be done compared to other companies I have used in the past. Justin was professional, polite, and took the extra time to explain how his products and methods worked. As long as they are around, I will never use anyone else.</h4>
<h4>Jeff Murray</h4>
</div>
<!-- get-in-touch -->
<div id="get-in-touch" class="contact">
<div class="contact-item">
<h2>Get in Touch</h2>
<h4>PO Box 26
Grimsley, TN 38565</h4>
justin@armisservices.com

931-397-2802

<!-- facebook icon -->

</div>
<div class="row input-container">
<div class="col-xs-12">
<div class="styled-input wide"><input required="" type="text">
<label>Name</label></div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="styled-input"><input required="" type="text">
<label>Email</label></div>
</div>
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="styled-input float-right"><input required="" type="text">
<label>Phone Number</label></div>
</div>
<div class="col-xs-12">
<div class="styled-input wide"><textarea required=""></textarea>
<label>Message</label></div>
</div>
<div class="col-xs-12">
<div class="btn-lrg submit-btn">Send Message</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<h4>armis home sercices</h4>
<h4>931-397-2802</h4>
<!-- facebook icon -->

© 2020 by armis home services.

</footer>
<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<p class=""><script>
            function myFunction() {
              var x = document.getElementById("myTopnav");
              if (x.className === "topnav") {
                x.className += " responsive";
              } else {
                x.className = "topnav";
              }
            }
        </script></p>

</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<p class="mod-reset"><style>
/*<br />html5doctor.com Reset Stylesheet<br />v1.6.1<br />Last Updated: 2010-09-17<br />Author: Richard Clark - http://richclarkdesign.com<br />Twitter: @rich_clark<br />*/</p>
<p>html, body, div, span, object, iframe,<br />h1, h2, h3, h4, h5, h6, p, blockquote, pre,<br />abbr, address, cite, code,<br />del, dfn, em, img, ins, kbd, q, samp,<br />small, strong, sub, sup, var,<br />b, i,<br />dl, dt, dd, ol, ul, li,<br />fieldset, form, label, legend,<br />table, caption, tbody, tfoot, thead, tr, th, td,<br />article, aside, canvas, details, figcaption, figure,<br />footer, header, hgroup, menu, nav, section, summary,<br />time, mark, audio, video {<br />    margin:0;<br />    padding:0;<br />    border:0;<br />    outline:0;<br />    /* font-size:100%; */<br />    vertical-align:baseline;<br />    background:transparent;<br />}</p>
<p>body {<br />    line-height:1;<br />}</p>
<p>article,aside,details,figcaption,figure,<br />footer,header,hgroup,menu,nav,section {<br />    display:block;<br />}</p>
<p>nav ul {<br />    list-style:none;<br />}</p>
<p>blockquote, q {<br />    quotes:none;<br />}</p>
<p>blockquote:before, blockquote:after,<br />q:before, q:after {<br />    content:'';<br />    content:none;<br />}</p>
<p>a {<br />    margin:0;<br />    padding:0;<br />    font-size:100%;<br />    vertical-align:baseline;<br />    background:transparent;<br />}</p>
<p>/* change colours to suit your needs */<br />ins {<br />    background-color:#ff9;<br />    color:#000;<br />    text-decoration:none;<br />}</p>
<p>/* change colours to suit your needs */<br />mark {<br />    background-color:#ff9;<br />    color:#000;<br />    font-style:italic;<br />    font-weight:bold;<br />}</p>
<p>del {<br />    text-decoration: line-through;<br />}</p>
<p>abbr[title], dfn[title] {<br />    border-bottom:1px dotted;<br />    cursor:help;<br />}</p>
<p>table {<br />    border-collapse:collapse;<br />    border-spacing:0;<br />}</p>
<p>/* change border colour to suit your needs */<br />hr {<br />    display:block;<br />    height:1px;<br />    border:0;<br />    border-top:1px solid #cccccc;<br />    margin:1em 0;<br />    padding:0;<br />}</p>
<p>input, select {<br />    vertical-align:middle;<br />}</p>
<p>/* The end of the reset */</p>
<p>body {<br />	margin: 0;<br />	font-family: Futura;<br />}</p>
<p>h1 {<br />	text-align: center;<br />	font: normal normal medium 78px/103px Futura;<br />	letter-spacing: 0px;<br />	color: #05CC05;<br />	opacity: 1;<br />	line-height: 103px;<br />	margin: 15px<br />}</p>
<p>h2 {<br />	size: 35px;<br />	font: normal normal medium 35px/46px Futura;<br />	letter-spacing: 0px;<br />	color: #000000;<br />	opacity: 1;<br />	line-height: 46px;<br />}</p>
<p>h3 {<br />	size: 20px;<br />	font: normal normal medium 20px/27px Futura;<br />	letter-spacing: 0px;<br />	color: #000000;<br />	opacity: 1;<br />	line-height: 27px;<br />}</p>
<p>h4 {<br />	size: 18px;</p>
<p>}</p>
<p>h5{<br />	size: 16px;<br />	font: normal normal medium 16px/30px Futura;<br />	letter-spacing: 0px;<br />	color: #000000;<br />	opacity: 1;<br />	line-height: 30px;<br />}</p>
<p>h6 {<br />	size: 15px;<br />}</p>
<p>p{<br />	size: 12px;<br />}</p>
<p>header {<br />	text-align: center;<br />	position: absolute;<br />	z-index: 100;<br />}</p>
<p>.topnav {<br />	overflow: hidden;<br />	display: inline-block;<br />	position: fixed;<br />	top: 0;<br />	left: 0;<br />	width: 100%;<br />	background-color: white;<br />}</p>
<p>.topnav p {<br />	float: left;<br />	display: block;<br />	text-decoration: none;<br />	text-align: center;<br />	padding-left: 14px;<br />	padding-top: 55px;<br />}</p>
<p>.topnav a:nth-child(4){<br />	padding-left: 20%;<br />}</p>
<p>.topnav a {<br />	letter-spacing: 0px;<br />	float: left;<br />	display: block;<br />	color: #000000;<br />	text-align: center;<br />	padding: 8px;<br />	text-decoration: none;<br />	font-size: 13px;<br />	padding-top: 55px;<br />}<br />.topnav a:hover {<br />	color: #05CC05;<br />}</p>
<p>.topnav a.logo {<br />	padding-left: 10%;<br />	padding-top: 25px;<br />	width: 169px;<br />	height: 77px;<br />	background: transparent url('img/logo.png') 0% 0% no-repeat padding-box;<br />	opacity: 1;<br />	float: left;<br />}</p>
<p>.topnav a:nth-child(7){<br />	padding-right: 16px;<br />}</p>
<p>.topnav a:nth-child(8) {<br />	display: flex;<br />	justify-content: space-between;<br />	align-items: center;<br />	margin: 0 auto;<br />	padding: 10px 20px;<br />	color: white;<br />	background-color: #05CC05;<br />	border-radius: 20px;<br />	transform:translate(0%,140%);<br />}</p>
<p>.topnav a:nth-child(8):hover {<br />	text-decoration: none;<br />	color: #05CC05;<br />	background-color: #F0F0F0;<br />}</p>
<p>.topnav .icon {<br />	display: none;<br />}</p>
<p>@media screen and (max-width: 1100px) {<br />	.topnav a:not(:nth-child(2)) {display: none;}<br />	.topnav a.icon {<br />		float: left;<br />		display: block;<br />		padding-left: 10%;<br />	}<br />	.topnav p{<br />		font-size: 13px;<br />		transform:translate(-90%,50%);<br />	}<br />	.topnav a:nth-child(8){<br />		float: left;<br />		display: block;<br />		/* margin-right: 10%; */<br />		margin: 0;<br />	}<br />	.topnav a.logo{<br />		/* transform:translate(30%,-5%); */<br />		padding-left: 30%;<br />	}</p>
<p>}</p>
<p>@media screen and (max-width: 1100px) {<br />	.topnav.responsive .icon {<br />	  position: absolute;<br />	  left: 0;<br />	  top: 0;<br />	  padding-left: 10%;<br />	}<br />	.topnav.responsive a {<br />	  float: none;<br />	  display: block;<br />	  text-align: center;<br />	}<br />	.topnav.responsive a.logo {<br />		padding-left: 30%;<br />		transform:translate(30%,-5%);<br />	}<br />	.topnav.responsive p{<br />		transform:translate(0%,0%);<br />		float: none;<br />		padding: 0;<br />	}<br />	.topnav.responsive a:nth-child(4){<br />		padding-left: 0;<br />	}<br />	.topnav.responsive a:nth-child(8) {<br />		transform:translate(800%,-1150%);<br />		width: 60px;<br />	}<br />}<br />@media (max-width: 868px) {<br />    .submit-btn {<br />        width:0%;<br />        float: right;<br />    }</p>
<p>	.topnav a:nth-child(8) {<br />		display: flex;<br />		justify-content: space-between;<br />		align-items: center;<br />		margin: 0 auto;<br />		padding: 10px 20px;<br />		color: white;<br />		background-color: #05CC05;<br />		border-radius: 20px;<br />		transform: translate(80%, -60%);<br />	}</p>
<p>	.topnav a:nth-child(8):hover {<br />		text-decoration: none;<br />		color: #05CC05;<br />		background-color: #F0F0F0;<br />	}<br />	.topnav.responsive a.logo {<br />		transform: translate(20%,-5%);<br />	}<br />}</p>
<p>@media (max-width: 708px) {<br />	.topnav p{<br />		transform: translate(115%,0%);<br />		padding-top: 0;<br />	}<br />	.topnav a:nth-child(8) {<br />		transform: translate(330%, -180%);<br />	}<br />	.topnav a.logo {<br />		padding-left: 30%;<br />	}<br />	.topnav.responsive a.logo {<br />		transform: translate(0%,-5%);<br />	}<br />}</p>
<p>@media (max-width: 425px) {<br />	.topnav p {<br />		transform: translate(50%,0%);<br />	}<br />	.topnav a.logo {<br />		padding-left: 15%;<br />	}<br />	.topnav a:nth-child(8) {<br />		transform: translate(90%, -190%);<br />	}</p>
<p>}<br />@media (max-width: 375px) {<br />	.topnav p {<br />		transform: translate(40%,0%);<br />	}<br />	.topnav a.logo {<br />		padding-left: 10%;<br />	}<br />	.topnav a:nth-child(8) {<br />		transform: translate(40%, -190%);<br />	}<br />}<br />@media (max-width: 320px) {<br />	.topnav p {<br />		transform: translate(20%,0%);<br />	}<br />	.topnav a:nth-child(8) {<br />		transform: translate(230%, -225%);<br />	}<br />	.topnav a.logo {<br />		padding-left: 0;<br />	}<br />}</p>
<p>.container {<br />	text-align: center;<br />}</p>
<p>.home {<br />	margin-top: 150px;<br />}</p>
<p>.home a {<br />	width: 173px;<br />	display: flex;<br />	justify-content: space-between;<br />	align-items: center;<br />	margin: 0 auto;<br />	padding: 16px 20px 16px 40px;<br />	color: white;<br />	background-color: #05CC05;<br />	border-radius: 25px;<br />	transform:translate(0%,0%);<br />	text-decoration: none;<br />}</p>
<p>.home a:hover {<br />	text-decoration: none;<br />	color: #05CC05;<br />	background-color: #F0F0F0;<br />}</p>
<p>.home img {<br />	margin: 55px;<br />}<br />@media screen and (max-width: 1100px) {<br />	.home img {<br />		margin: 55px 0 55px 0;<br />		object-fit: cover;<br />		width: 100%;<br />		height: auto;<br />	}<br />}</p>
<p>.guarantee {<br />	width: 100%;<br />	height: 633px;<br />	background: #F0F0F0 0% 0% no-repeat padding-box;<br />	opacity: 1;<br />	display: flex;<br />	flex-direction: row;<br />}<br />@media screen and (max-width: 425px) {<br />	.guarantee {<br />		display: flex;<br />		flex-direction: column;<br />	}<br />}</p>
<p>.guarantee img {<br />	width: 640px;<br />	height: 633px;<br />	background: transparent url('img/daughter.png') 0% 0% no-repeat padding-box;<br />	border: 1px solid #707070;<br />	opacity: 1;<br />}</p>
<p>@media screen and (max-width: 768px) {<br />	.guarantee img {<br />		object-fit: cover;<br />		height: 100%;<br />		width: 50%;<br />		object-position: 10% 10%<br />	}<br />}<br />@media screen and (max-width: 425px) {<br />	.guarantee img {<br />		object-fit: cover;<br />		width: 100%;<br />		height: 169px;<br />	}<br />}</p>
<p>.guarantee-container{<br />	padding: 5%;<br />	text-align: left;<br />}</p>
<p>.content{<br />	padding-top: 90px;<br />	display: flex;<br />	flex-direction: row;<br />}<br />@media screen and (max-width: 1100px) {<br />	.content{<br />		flex-direction: column;<br />	}<br />}<br />.money-icon{<br />	padding-bottom: 32px;<br />}</p>
<p>.bell-icon{<br />	padding-bottom: 28px;<br />}</p>
<p>@media screen and (max-width: 1100px) {<br />	.money-icon{<br />		transform: translate(450%,100%);<br />	}<br />	.bell-icon{<br />		transform: translate(700%,100%);<br />	}<br />	.content {<br />		padding-top: 0px;<br />	}<br />}</p>
<p>.content h5{<br />	width: 194px;<br />}</p>
<p>@media screen and (max-width: 1440px) {<br />	.content h5{<br />		width: auto;<br />	}<br />}</p>
<p>.gurantee-items {<br />	margin-right: 20px;<br />   	padding-right: 20px;<br />}</p>
<p>.services{<br />	width: 100%;<br />}</p>
<p>.services h2{<br />	color: #05CC05;<br />	padding-top: 115px;<br />	padding-bottom: 36px;<br />}</p>
<p>.services p{<br />	width: 288px;<br />	padding-bottom: 20px;<br />	margin: auto;<br />}</p>
<p>.flex-space{<br />	justify-content: space-around;<br />}</p>
<p>.services h3{<br />	color: #05CC05;<br />	padding-top: 56px;<br />	padding-bottom: 36px;<br />}</p>
<p>.services h6{<br />	padding-bottom: 41px;<br />}</p>
<p>.services a {<br />	width: 70px;<br />	display: flex;<br />	align-items: center;<br />	margin: 0 auto;<br />	padding: 13px 20px 13px 30px;<br />	color: #0FCC0A;<br />	background: #FFFFFF 0% 0% no-repeat padding-box;<br />	border: 1px solid #0FCC0A;<br />	transform:translate(0%,0%);<br />	text-decoration: none;<br />	margin-bottom: 5%;<br />}</p>
<p>.services a:hover {<br />	text-decoration: none;<br />	color: #707070;<br />	border: 1px solid #707070;<br />}</p>
<p>.about{<br />	width: 100%;<br />	height: 841px;<br />	background: #F0F0F0 0% 0% no-repeat padding-box;<br />	opacity: 1;<br />	/* padding: 10%; */<br />	margin-top: 55px;<br />	text-align: center;<br />}<br />@media screen and (max-width: 425px) {<br />	.about{<br />		height: 620px;<br />	}<br />}<br />.about h2{<br />	color: #0FCC0A;<br />}<br />.about a {<br />	width: 70px;<br />	display: flex;<br />	justify-content: space-between;<br />	align-items: center;<br />	margin: 0 auto;<br />	padding: 13px 20px 13px 30px;<br />	color: #0FCC0A;<br />	background: #FFFFFF 0% 0% no-repeat padding-box;<br />	border: 1px solid #0FCC0A;<br />	transform:translate(0%,0%);<br />	text-decoration: none;<br />}</p>
<p>.about a:hover {<br />	text-decoration: none;<br />	color: #707070;<br />	border: 1px solid #707070;<br />}</p>
<p>.about .content{<br />	width: 430px;<br />	height: 400px;<br />	flex-flow: column;<br />	justify-content:flex-start;<br />	align-items: center;<br />	background-color: white;<br />	position: absolute;<br />	z-index: 2;<br />	top: 2800px;<br />	left: 20%;<br />	text-align: left;<br />}</p>
<p>@media screen and (max-width: 1100px) {<br />	.about .content{<br />		top: 4000px;<br />	}<br />}<br />@media screen and (max-width: 800px) {<br />	.about .content{<br />		top: 3800px;<br />		left: 10%;<br />	}<br />}<br />@media screen and (max-width: 425px) {<br />	.about .content{<br />		width: 95%;<br />		z-index: 0;<br />		top: 3500px;<br />		left:2.5%;<br />		text-align: center;<br />	}<br />}</p>
<p>.about p{<br />	width: 308px;<br />	padding: 20px;<br />}</p>
<p>.about img{<br />	position: absolute;<br />  	z-index: 1;<br />	left: 40%;<br />	padding-top: 100px;<br />}</p>
<p>@media screen and (max-width: 425px) {<br />	.about img{<br />		z-index: 0;<br />		width: 100%;<br />		object-fit: cover;<br />		left: 0;<br />		padding-top: 0;<br />	}<br />}</p>
<p>.quote{<br />	padding: 10%;<br />}</p>
<p>.quote h4{<br />	padding: 6%;<br />	padding-bottom: 4%;<br />}</p>
<p>.quote h4:last-child{<br />	padding:0;<br />}</p>
<p>.contact{<br />	width: 100%;<br />	height: 600px;<br />	background: #F0F0F0 0% 0% no-repeat padding-box;<br />	opacity: 1;<br />	padding: 10% 15%;<br />	text-align: left;<br />	display: flex;<br />	flex-direction: row<br />}</p>
<p>@media (max-width: 768px) {<br />	.contact<br />	{<br />		flex-direction: column;<br />		padding: 10% 10%;<br />		height: 900px;<br />	}<br />}</p>
<p>.contact-item<br />{<br />	display: flex;<br />	justify-content: space-around;<br />	flex-direction: column;<br />}</p>
<p>/* ///// inputs /////*/</p>
<p>input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {<br />    font-size: 0.75em;<br />    color: #999;<br />    top: -5px;<br />    -webkit-transition: all 0.225s ease;<br />    transition: all 0.225s ease;<br />}</p>
<p>.styled-input {<br />    float: left;<br />    width: 293px;<br />    margin: 1rem 0;<br />    position: relative;<br />    border-radius: 4px;<br />}</p>
<p>@media only screen and (max-width: 768px){<br />    .styled-input {<br />        width:70%;<br />    }<br />}</p>
<p>.styled-input label {<br />    color: #999;<br />    padding: 1.3rem 30px 1rem 30px;<br />    position: absolute;<br />    top: 10px;<br />    left: 0;<br />    -webkit-transition: all 0.25s ease;<br />    transition: all 0.25s ease;<br />    pointer-events: none;<br />}</p>
<p>.styled-input.wide {<br />    width: 650px;<br />    max-width: 100%;<br />}</p>
<p>@media (max-width: 768px) {<br />	.styled-input.wide {<br />		width: 70%;<br />	}<br />}</p>
<p>input,<br />textarea {<br />    padding: 30px;<br />    border: 0;<br />    width: 100%;<br />    font-size: 1rem;<br />    /* background-color: #2d2d2d; */<br />	border: 1px solid #707070;<br />	background-color: #F0F0F0;<br />    /* color: white; */<br />    /* border-radius: 4px; */<br />}<br />@media (max-width: 768px) {<br />	.styled-input.float-right{<br />		float: left;<br />	}<br />}<br />.float-right{<br />	float: right;<br />}</p>
<p>input:focus,<br />textarea:focus { outline: 0; }</p>
<p>input:focus ~ span,<br />textarea:focus ~ span {<br />    width: 100%;<br />    -webkit-transition: all 0.075s ease;<br />    transition: all 0.075s ease;<br />}</p>
<p>textarea {<br />    width: 100%;<br />    min-height: 15em;<br />}</p>
<p>.input-container {<br />    width: 650px;<br />    max-width: 100%;<br />    /* margin: 20px auto 25px auto; */<br />    margin-left: 10%;<br />}<br />@media (max-width: 768px) {<br />	.input-container {<br />		margin-left: 0;<br />	}<br />}</p>
<p>.submit-btn {<br />    /* float: right; */<br />	text-align: center;<br />	width: 100%;<br />    padding: 7px 35px;<br />    /* border-radius: 60px; */<br />    display: inline-block;<br />    /* background-color: #4b8cfb; */<br />    background-color: #000000;<br />    color: white;<br />    font-size: 18px;<br />    cursor: pointer;<br />    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.06),<br />              0 2px 10px 0 rgba(0,0,0,0.07);<br />    -webkit-transition: all 300ms ease;<br />    transition: all 300ms ease;<br />}</p>
<p>.submit-btn:hover {<br />    transform: translateY(1px);<br />    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.10),<br />              0 1px 1px 0 rgba(0,0,0,0.09);<br />	background-color: #707070;<br />}</p>
<p>@media (max-width: 768px) {<br />    .submit-btn {<br />        width:70%;<br />        float: none;<br />    }<br />}</p>
<p>footer{<br />	padding: 5%;<br />	display: flex;<br />	justify-content: space-around;<br />	flex-direction: column;<br />	text-align: center;<br />}<br />footer h4{<br />	padding-bottom: 5px;<br />}</p>
<p>.facebook-icon{<br />	padding-left: 49%;<br />	padding-bottom: 5px;<br />}<br /><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start">﻿</span><br /></style></p>

</div>
</div>
</div>
</div>
<div class="boldgrid-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12"></div>
</div>
</div>
</div>