@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*

light 300
regular 400
medium 500
semi-bold 600
bold 700

*/

*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; margin:0; padding:0; }

a{ text-decoration:none !important; transition-duration: 0.8s;
    transition-property: all; }
ul,li{ list-style:none; outline:none; }
img{ max-width:100%; outline:none; }

body {
    font-family: 'Jost', sans-serif !important;
    background: url(../images/bg-01.jpg);
    background-position: bottom;
    height: 100vh;
}
.logo  {
    float: left;
    width: 100%;
    padding: 65px 0px;
    marg<!-- Replace name@website.com with your email address -->
<a href="mailto:mail@austinstoneconsulting.com">Email Us</a>  in: 0;
}


.content-area {  float: left;
    width: 100%;
    padding: 0px;<!-- Sample Content to Plugin to Template -->
<h1>CSS Basic Elements</h1>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
<hr />
<h1 id="headings">Headings</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="paragraph">Paragraph</h1>
<img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" />
<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1>Navigation Bar</h1>
<nav class="navigation">
  <ul>
    <li><a href="#"><span>Privacy</span></a></li>
    <li><a href="#"><span>Sitemap</span></a></li>
    <li><a href="#"><span>Newsletter</span></a></li>
    <li class="account"><a href="#"><span>My Account</span></a></li>
  </ul>
</nav>
<hr />
<h1>Section</h1>
<section>
  <h2>Section Header</h2>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</section>
<hr />
<h1>Article</h1>
<article>
  <header>
    <h2>Most important heading here</h2>
    <h3>Less important heading here</h3>
    <p>Some additional information here</p>
  </header>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</article>
<hr />
<h1 id="list_types">List Types</h1>
<h3>Definition List</h3>
<dl>
  <dt>Definition List Title</dt>
  <dd>This is a definition list division.</dd>
</dl>
<h3>Ordered List</h3>
<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ol>
<h3>Unordered List</h3>
<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
<fieldset>
  <legend>Legend</legend>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
  <form>
    <h2>Form Element</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p>
    <p>
      <label for="text_field">Text Field:</label>
      <br />
      <input type="text" id="text_field" />
    </p>
    <p>
      <label for="text_area">Text Area:</label>
      <br />
      <textarea id="text_area"></textarea>
    </p>
    <p>
      <label for="select_element">Select Element:</label>
      <br />
      <select name="select_element" id="select_element">
        <optgroup label="Option Group 1">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
        <optgroup label="Option Group 2">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
      </select>
    </p>
    <p>
      <label>Radio Buttons: </label>
      <br />
      <label for="radio_button1">Radio 1:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button1" value="radio_1" />
      <br/>
      <label for="radio_button2">Radio 2:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button2" value="radio_2" />
      <br/>
      <label for="radio_button3">Radio 3:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button3" value="radio_3" />
      <br/>
    </p>
    <p>
      <label>Checkboxes: </label>
      <br />
      <label for="checkbox1">Checkbox 1:</label>
      <input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1" value="check_1" />
      <br/>
      <label for="checkbox2">Checkbox 2:</label>
      <input type="checkbox" class="checkbox" name="checkbox2" id="checkbox2" value="check_2" />
      <br/>
      <label for="checkbox3">Checkbox 3:</label>
      <input type="checkbox" class="checkbox" name="checkbox3" id="checkbox3" value="check_3" />
      <br/>
    </p>
    <p>
      <label for="password">Password:</label>
      <br />
      <input type="password" class="password" name="password" id="password" />
    </p>
    <p>
      <label for="file">File Input:</label>
      <br />
      <input type="file" class="file" name="file" id="file" />
    </p>
    <p>
      <input class="button" type="reset" value="Clear" />
      <input class="button" type="submit" value="Submit" />
    </p>
  </form>
</fieldset>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="tables">Tables</h1>
<table>
  <tr>
    <th>Table Header 1</th>
    <th>Table Header 2</th>
    <th>Table Header 3</th>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr class="even">
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
</table>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="misc">Misc Stuff - abbr, pre, code, sub, sup, etc.</h1>
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.<cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
<pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr> </pre>
<blockquote>"This stylesheet is going to help so freaking much." <br />
  -Blockquote</blockquote>
<small><a href="#wrapper">[top]</a></small> <br />
<footer>
  <p>Footer</p>
  <p>Contact information: <a href="mailto:someone@example.com"> someone@example.com</a>.</p>
</footer>
<!-- End of Sample Content --><!-- Set the name of the default CSS style sheet -->
<meta http-equiv="default-style" content="default stylesheet title" />
<!-- Defines a time interval in seconds for the document to refresh itself -->
<meta http-equiv="refresh" content="300" />
<!-- Specify a legacy document mode that Internet Explorer should use to display a webpage -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Alternative form of setting the charset attribute. A document must not contain both a meta element with an http-equiv attribute in the encoding declaration state and a meta element with the charset attribute present. -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Control the behavior of search engine crawling and indexing. -->
<meta name="http-equiv" content="X-Robots-Tag : noindex, follow" />
<!-- The name of the Web application that the page represents -->
<meta name="application-name" content="Sample Application Name" />
<!-- Name of the author of the document -->
<meta name="author" content="John Doe"/>
<!-- Specifies the software package used to generate the document -->
<meta name="generator" content="SomeWebPageGenerator 4.0"/><!-- SITEMAP -->
<nav class="sitemap">
  <ul>
    <li><a href="#">Home</a>
      <ul>
        <li><a href="#"><span>Work</span></a>
          <ul>
            <li><a href="#"><span>Work item</span></a></li>
            <li><a href="#"><span>Work item</span></a>
              <ul>
                <li><a href="#"><span>Work item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="#"><span>About</span></a>
          <ul>
            <li><a href="#"><span>Clients</span></a></li>
            <li><a href="#"><span>Testimonials</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Services</span></a>
          <ul>
            <li><a href="#"><span>Web Design</span></a></li>
            <li><a href="#"><span>Web Development</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Blog</span></a>
          <ul>
            <li><a href="#"><span>All posts</span></a></li>
            <li><a href="#"><span>Web Design</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Contact</span></a></li>
      </ul>
    </li>
  </ul>
</nav>
<!--// SITEMAP --><a href="javascript:(function(){var t;if (window.getSelection) t = window.getSelection();else if (document.selection) t = document.selection.createRange();if (t.text != undefined) t = t.text;if(!t || t == &quot;&quot;){ a = document.getElementsByTagName(&quot;textarea&quot;); for(i=0; i<a.length; i++) {  if(a[i].selectionStart != undefined &amp;&amp; a[i].selectionStart != a[i].selectionEnd)  {    t = a[i].value.substring(a[i].selectionStart, a[i].selectionEnd);    break;  } }}if(!t || t == &quot;&quot;)alert(&quot;please select some text&quot;);else alert(&quot;word count: &quot; + t.toString().match(/(\S+)/g).length);})()">word count</a>

Select some text and click on word count<!-- Goto http://w3c.github.io/html-reference/input.text.html#input.text for more information on all attributes that can be used with text input field -->
<input type="text" placeholder="Placeholder text" />
    margin: 0;  }
	
	
	.title1 { font-size:54px; color:#2F3245; }
	
	.formbox {
    width: 650px;
    margin: 0px auto;
    position: relative;
    padding-bottom: 170px;
}

.formbox input[type="text"], .formbox input[type="email"] {
    float: left;
    width: 100%;
    margin: 0;
    border: 2px solid #D0D0D0;
    border-radius: 60px;
    padding: 14px 20px;
    position: relative;
    font-size: 25px;
    background: #efefef; outline:none;
}
	input.sbtbtn {
    float: right;
    position: absolute;
    right: 4px;
    background: #8AAD5D;
    font-size: 25px;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 41px;
    top: 4px;
}
	
	
	.socailbox {
    width: 620px;
    padding: 0px;
    margin: 0px auto;
    border-bottom: 1px solid #2F3245;
}
	
	
	
	.socialicon {
    width: auto;
    padding: 0px;
    margin: 0;
    text-align: center;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 26px;
}
	
	.socialicon li { display:inline-block; margin:0px 5px; }
	
	.<!-- Provide a short description of the page. -->
<meta name="description" content="This is an example of a meta description. This will often show up in search results.">
<!-- This meta tag tells Google not to show the sitelinks search box. -->
<meta name="google" content="nositelinkssearchbox" />	
<!-- Control the behavior of search engine crawling and indexing. 
 The robots meta tag applies to all search engines, while the "googlebot" meta tag is specific to Google. -->
<meta name="robots" content="..., ..." />
<meta name="http-equiv" content="X-Robots-Tag : noindex, follow" />
<meta name="googlebot" content="..., ..." />	
<!-- Used for verifying ownership of a site. -->
<meta name="verify" content=""/>

<!-- Open Graph Meta Tags -->
<!-- Set the canonical URL for the page you are sharing. -->
<meta property="og:url" content="http://www.mySite.com/">
<!-- The title to accompany the URL. -->
<meta property="og:title" content="My Site"/>
<!-- Provides Facebook the name that you would like your website to be recognized by. -->
<meta property="og:site_name" content="My Website">
<!-- Provides Facebook the type of website that you would like your website to be categorized by. -->
<meta property="og:type" content="website">
<!-- Defines the language, American English is the default. -->
<meta property="og:locale" content="en-IN">
<!-- Directs Facebook to use the specified image when the page is shared. -->
<meta property="og:image" content="image URL">
<!-- Similar to the meta description tag in HTML. This description is shown below the link title on Facebook. -->
<meta property="og:description" content="This is site description."/>

<!-- Twitter Card data -->
<!-- The type of card to be created: summary, photo, or video -->
<meta name="twitter:card" content="summary" />
<!-- Title of the Twitter Card -->
<meta name="twitter:title" content="Title less than 70 characters" />
<!-- Description of content -->
<meta name="twitter:description" content="Description less than 200 characters" />
<!-- URL of image to use in the card. Used with summary, summary_large_image, player cards -->
<meta name="twitter:image" content="" />/* 
Define this in your CSS 
.bgColor = Replace it by the name you want to give your animation
.bgAnimObj = Assign this class to the object you want to apply the effect
*/

.bgAnimObj {
	background: #1abc9c;
	/* Chrome, Safari */
	-webkit-animation: bgColor 5s;
	/* Firefox */
	-moz-animation: bgColor 5s;
	/* Standard Syntax */
	animation: bgColor 5s;
}

/* 
Define the keyframe and changes
*/

/* Chrome, Safari */
@-webkit-keyframes bgColor {
	from {
 		background: #1abc9c;
	} 
	to {
 		background: #ebebeb;
	}
}

/* Firefox */
@-moz-keyframes bgColor {
    from {
        background: #1abc9c;
    }
    to {
        background: #ebebeb;
    }
}

/* Standard syntax */
@keyframes bgColor {
	from {
		background: #1abc9c;
	}
	to {
		background: #ebebeb;
	}
}
<textarea rows="10" cols="50" onclick="this.focus();this.select()">
example text
</textarea><!-- Add this to your HTML
Prefacing the CSS selectors with .ie for IE specific styles in your CSS
 -->
<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]>    <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]>    <html dir="ltr" lang="en-US" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html dir="ltr" lang="en-US" class="no-js"><!--<![endif]-->

<input type="button" value="Back" onclick="history.back()" /><a href="tel:1-234-567-8910">Call - 1-234-567-8910</a>
<a href="sms:1-234-567-8910">Send a  SMS </a><nav class="navigation">
  <ul>
    <li><a href="#"><span>Privacy</span></a></li>
    <li><a href="#"><span>Sitemap</span></a></li>
    <li><a href="#"><span>Newsletter</span></a></li>
    <li class="account"><a href="#"><span>My Account</span></a></li>
  </ul>
</nav><nav class="pagination">
  <ul>
    <li class="prev"><a href="#"><span>&lsaquo; Prev</span></a></li>
    <li><a href="#"><span>1</span></a></li>
    <li><a class="active" href="#"><span>2</span></a></li>
    <li><a href="#"><span>3</span></a></li>
    <li><a href="#"><span>4</span></a></li>
    <li><a href="#"><span>5</span></a></li>
    <li class="next"><a href="#"><span>Next &rsaquo;</span></a></li>
  </ul>
</nav><!-- 
  Replace form-handler.php with URL where to send the form-data when the form is submitted
  Goto http://w3c.github.io/html-reference/input.text.html#input.text for more information on all attributes that can be used with text input field
-->
<form method="post" action="form-handler.php">
  <div>
    <h4>Text Field</h4>
    <label for="name">Name: <span class="required">*</span> </label>
    <input type="text" id="name" name="name" value="" placeholder="Your name" required="required" autofocus />
  </div>
  
  <div>
    <h4>Email Field</h4>
    <label for="email">Email Address: <span class="required">*</span> </label>
    <input type="email" id="email" name="email" value="" placeholder="your@email.com" required="required" />
  </div>
  
  <div>
    <h4>Password Field</h4>
    <label for="password">New Password: <span class="required">*</span> </label>
    <input type="password" id="password" name="password" value="" placeholder="" required="required" />
  </div>
  
  <div>
    <h4>Drop Down Menu</h4>
    <label for="subject">Subject:</label>
    <select id="subject" name="subject">
      <option value="hello">Subject 1</option>
      <option value="quote">Subject 2</option>
      <option value="general">Subject 3</option>
    </select>
  </div>
  
  <div>
    <h4>Text Area</h4>
    <label for="message">Message: <span class="required">*</span> </label>
    <textarea id="message" name="message" placeholder="Write your message here." required ></textarea>
  </div>
  
  <div>
    <h4>Radio Buttons</h4>
    <label for="radio-choice-1">Choice 1</label>
    <input type="radio" name="radio-choice" id="radio-choice-1" tabindex="2" value="choice-1">
    <label for="radio-choice-2">Choice 2</label>
    <input type="radio" name="radio-choice" id="radio-choice-2" tabindex="3" value="choice-2">
  </div>
  
  <div>
    <h4>Check Boxes</h4>
    <label for="checkbox1">Choice 1:</label>
    <input type="checkbox" name="checkbox1" id="checkbox1">
    <label for="checkbox2">Choice 2:</label>
    <input type="checkbox" name="checkbox2" id="checkbox2">
  </div>
  
  <div>
    <input type="submit" value="Submit" id="submit" />
  </div>
</form><table class="quickTable" id="quickTable">
  <caption>A Quick Table</caption>
  <thead>
    <tr class="tableHeader">
      <th></th>
      <th></th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr class="dataRow">
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr class="dataRow">
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr class="dataRow">
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
  <tfoot class="tableFooter">
  	<tr>
      <td colspan="4"></td>
    </tr>
  </tfoot> 
</table><!-- SITEMAP -->
<nav class="sitemap">
  <ul>
    <li><a href="#">Home</a>
      <ul>
        <li><a href="#"><span>Work</span></a>
          <ul>
            <li><a href="#"><span>Work item</span></a></li>
            <li><a href="#"><span>Work item</span></a>
              <ul>
                <li><a href="#"><span>Work item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="#"><span>About</span></a>
          <ul>
            <li><a href="#"><span>Clients</span></a></li>
            <li><a href="#"><span>Testimonials</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Services</span></a>
          <ul>
            <li><a href="#"><span>Web Design</span></a></li>
            <li><a href="#"><span>Web Development</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Blog</span></a>
          <ul>
            <li><a href="#"><span>All posts</span></a></li>
            <li><a href="#"><span>Web Design</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Contact</span></a></li>
      </ul>
    </li>
  </ul>
</nav>
<!--// SITEMAP --><!-- Set the name of the default CSS style sheet -->
<meta http-equiv="default-style" content="default stylesheet title" />
<!-- Defines a time interval in seconds for the document to refresh itself -->
<meta http-equiv="refresh" content="300" />
<!-- Specify a legacy document mode that Internet Explorer should use to display a webpage -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Alternative form of setting the charset attribute. A document must not contain both a meta element with an http-equiv attribute in the encoding declaration state and a meta element with the charset attribute present. -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Control the behavior of search engine crawling and indexing. -->
<meta name="http-equiv" content="X-Robots-Tag : noindex, follow" />
<!-- The name of the Web application that the page represents -->
<meta name="application-name" content="Sample Application Name" />
<!-- Name of the author of the document -->
<meta name="author" content="John Doe"/>
<!-- Specifies the software package used to generate the document -->
<meta name="generator" content="SomeWebPageGenerator 4.0"/><!-- Sample Content to Plugin to Template -->
<h1>CSS Basic Elements</h1>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
<hr />
<h1 id="headings">Headings</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="paragraph">Paragraph</h1>
<img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" />
<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1>Navigation Bar</h1>
<nav class="navigation">
  <ul>
    <li><a href="#"><span>Privacy</span></a></li>
    <li><a href="#"><span>Sitemap</span></a></li>
    <li><a href="#"><span>Newsletter</span></a></li>
    <li class="account"><a href="#"><span>My Account</span></a></li>
  </ul>
</nav>
<hr />
<h1>Section</h1>
<section>
  <h2>Section Header</h2>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</section>
<hr />
<h1>Article</h1>
<article>
  <header>
    <h2>Most important heading here</h2>
    <h3>Less important heading here</h3>
    <p>Some additional information here</p>
  </header>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</article>
<hr />
<h1 id="list_types">List Types</h1>
<h3>Definition List</h3>
<dl>
  <dt>Definition List Title</dt>
  <dd>This is a definition list division.</dd>
</dl>
<h3>Ordered List</h3>
<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ol>
<h3>Unordered List</h3>
<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
<fieldset>
  <legend>Legend</legend>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
  <form>
    <h2>Form Element</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p>
    <p>
      <label for="text_field">Text Field:</label>
      <br />
      <input type="text" id="text_field" />
    </p>
    <p>
      <label for="text_area">Text Area:</label>
      <br />
      <textarea id="text_area"></textarea>
    </p>
    <p>
      <label for="select_element">Select Element:</label>
      <br />
      <select name="select_element" id="select_element">
        <optgroup label="Option Group 1">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
        <optgroup label="Option Group 2">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
      </select>
    </p>
    <p>
      <label>Radio Buttons: </label>
      <br />
      <label for="radio_button1">Radio 1:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button1" value="radio_1" />
      <br/>
      <label for="radio_button2">Radio 2:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button2" value="radio_2" />
      <br/>
      <label for="radio_button3">Radio 3:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button3" value="radio_3" />
      <br/>
    </p>
    <p>
      <label>Checkboxes: </label>
      <br />
      <label for="checkbox1">Checkbox 1:</label>
      <input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1" value="check_1" />
      <br/>
      <label for="checkbox2">Checkbox 2:</label>
      <input type="checkbox" class="checkbox" name="checkbox2" id="checkbox2" value="check_2" />
      <br/>
      <label for="checkbox3">Checkbox 3:</label>
      <input type="checkbox" class="checkbox" name="checkbox3" id="checkbox3" value="check_3" />
      <br/>
    </p>
    <p>
      <label for="password">Password:</label>
      <br />
      <input type="password" class="password" name="password" id="password" />
    </p>
    <p>
      <label for="file">File Input:</label>
      <br />
      <input type="file" class="file" name="file" id="file" />
    </p>
    <p>
      <input class="button" type="reset" value="Clear" />
      <input class="button" type="submit" value="Submit" />
    </p>
  </form>
</fieldset>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="tables">Tables</h1>
<table>
  <tr>
    <th>Table Header 1</th>
    <th>Table Header 2</th>
    <th>Table Header 3</th>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr class="even">
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
</table>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="misc">Misc Stuff - abbr, pre, code, sub, sup, etc.</h1>
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.<cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
<pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr> </pre>
<blockquote>"This stylesheet is going to help so freaking much." <br />
  -Blockquote</blockquote>
<small><a href="#wrapper">[top]</a></small> <br />
<footer>
  <p>Footer</p>
  <p>Contact information: <a href="mailto:someone@example.com"> someone@example.com</a>.</p>
</footer>
<!-- End of Sample Content --><!-- Goto http://w3c.github.io/html-reference/input.text.html#input.text for more information on all attributes that can be used with text input field -->
<input type="text" placeholder="Placeholder text" />copyPellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus<!-- Set the name of the default CSS style sheet -->
<meta http-equiv="default-style" content="default stylesheet title" />
<!-- Defines a time interval in seconds for the document to refresh itself -->
<meta http-equiv="refresh" content="300" />
<!-- Specify a legacy document mode that Internet Explorer should use to display a webpage -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Alternative form of setting the charset attribute. A document must not contain both a meta element with an http-equiv attribute in the encoding declaration state and a meta element with the charset attribute present. -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Control the behavior of search engine crawling and indexing. -->
<meta name="http-equiv" content="X-Robots-Tag : noindex, follow" />
<!-- The name of the Web application that the page represents -->
<meta name="application-name" content="Sample Application Name" />
<!-- Name of the author of the document -->
<meta name="author" content="John Doe"/>
<!-- Specifies the software package used to generate the document -->
<meta name="generator" content="SomeWebPageGenerator 4.0"/><!-- SITEMAP -->
<nav class="sitemap">
  <ul>
    <li><a href="#">Home</a>
      <ul>
        <li><a href="#"><span>Work</span></a>
          <ul>
            <li><a href="#"><span>Work item</span></a></li>
            <li><a href="#"><span>Work item</span></a>
              <ul>
                <li><a href="#"><span>Work item</span></a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li><a href="#"><span>About</span></a>
          <ul>
            <li><a href="#"><span>Clients</span></a></li>
            <li><a href="#"><span>Testimonials</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Services</span></a>
          <ul>
            <li><a href="#"><span>Web Design</span></a></li>
            <li><a href="#"><span>Web Development</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Blog</span></a>
          <ul>
            <li><a href="#"><span>All posts</span></a></li>
            <li><a href="#"><span>Web Design</span></a></li>
          </ul>
        </li>
        <li><a href="#"><span>Contact</span></a></li>
      </ul>
    </li>
  </ul>
</nav>
<!--// SITEMAP -->rig<!-- Sample Content to Plugin to Template -->
<h1>CSS Basic Elements</h1>
<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
<hr />
<h1 id="headings">Headings</h1>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="paragraph">Paragraph</h1>
<img style="width:250px;height:125px;float:right" src="images/css_gods_language.png" alt="CSS | God's Language" />
<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1>Navigation Bar</h1>
<nav class="navigation">
  <ul>
    <li><a href="#"><span>Privacy</span></a></li>
    <li><a href="#"><span>Sitemap</span></a></li>
    <li><a href="#"><span>Newsletter</span></a></li>
    <li class="account"><a href="#"><span>My Account</span></a></li>
  </ul>
</nav>
<hr />
<h1>Section</h1>
<section>
  <h2>Section Header</h2>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</section>
<hr />
<h1>Article</h1>
<article>
  <header>
    <h2>Most important heading here</h2>
    <h3>Less important heading here</h3>
    <p>Some additional information here</p>
  </header>
  <p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
</article>
<hr />
<h1 id="list_types">List Types</h1>
<h3>Definition List</h3>
<dl>
  <dt>Definition List Title</dt>
  <dd>This is a definition list division.</dd>
</dl>
<h3>Ordered List</h3>
<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ol>
<h3>Unordered List</h3>
<ul>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
</ul>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
<fieldset>
  <legend>Legend</legend>
  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
  <form>
    <h2>Form Element</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.</p>
    <p>
      <label for="text_field">Text Field:</label>
      <br />
      <input type="text" id="text_field" />
    </p>
    <p>
      <label for="text_area">Text Area:</label>
      <br />
      <textarea id="text_area"></textarea>
    </p>
    <p>
      <label for="select_element">Select Element:</label>
      <br />
      <select name="select_element" id="select_element">
        <optgroup label="Option Group 1">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
        <optgroup label="Option Group 2">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        </optgroup>
      </select>
    </p>
    <p>
      <label>Radio Buttons: </label>
      <br />
      <label for="radio_button1">Radio 1:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button1" value="radio_1" />
      <br/>
      <label for="radio_button2">Radio 2:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button2" value="radio_2" />
      <br/>
      <label for="radio_button3">Radio 3:</label>
      <input type="radio" class="radio" name="radio_button" id="radio_button3" value="radio_3" />
      <br/>
    </p>
    <p>
      <label>Checkboxes: </label>
      <br />
      <label for="checkbox1">Checkbox 1:</label>
      <input type="checkbox" class="checkbox" name="checkbox1" id="checkbox1" value="check_1" />
      <br/>
      <label for="checkbox2">Checkbox 2:</label>
      <input type="checkbox" class="checkbox" name="checkbox2" id="checkbox2" value="check_2" />
      <br/>
      <label for="checkbox3">Checkbox 3:</label>
      <input type="checkbox" class="checkbox" name="checkbox3" id="checkbox3" value="check_3" />
      <br/>
    </p>
    <p>
      <label for="password">Password:</label>
      <br />
      <input type="password" class="password" name="password" id="password" />
    </p>
    <p>
      <label for="file">File Input:</label>
      <br />
      <input type="file" class="file" name="file" id="file" />
    </p>
    <p>
      <input class="button" type="reset" value="Clear" />
      <input class="button" type="submit" value="Submit" />
    </p>
  </form>
</fieldset>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="tables">Tables</h1>
<table>
  <tr>
    <th>Table Header 1</th>
    <th>Table Header 2</th>
    <th>Table Header 3</th>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr class="even">
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
  <tr>
    <td>Division 1</td>
    <td>Division 2</td>
    <td>Division 3</td>
  </tr>
</table>
<small><a href="#wrapper">[top]</a></small>
<hr />
<h1 id="misc">Misc Stuff - abbr, pre, code, sub, sup, etc.</h1>
<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.<cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr></p>
<pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <abbr title="National Basketball Association">NBA</abbr> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. <abbr title="Avenue">AVE</abbr> </pre>
<blockquote>"This stylesheet is going to help so freaking much." <br />
  -Blockquote</blockquote>
<small><a href="#wrapper">[top]</a></small> <br />
<footer>
  <p>Footer</p>
  <p>Contact information: <a href="mailto:someone@example.com"> someone@example.com</a>.</p>
</footer>
<!-- End of Sample Content --><meta http-equiv="refresh" content="0; url=http://website.com/" /><meta http-equiv="refresh" content="0; url=http://website.com/" />ht {  float: left;
    width: 100%;
    padding: 0px;
    margin: 0; font-size:18px; margin-top:70px;  }
	
	


@media(max-width:1200px){
	
	
	
}


@media(max-width:1024px){


}


@media(max-width:900px){
	
	


}

@media(max-width:769px){
	

		
}



@media(max-width:640px){
	
	
	.logo { padding:10px 0px; }
	.formbox { width:100%; }
	
	.socailbox { width:100%; }
	
	input.sbtbtn {
    float: left;
    position: relative;
    right: auto;
    background: #8AAD5D;
    font-size: 25px;
    color: #fff;
    border: none;
    padding: 12px 25px;
    border-radius: 41px;
    top: 4px;
    width: 100%;
    margin-top: 10px;
}


.socailbox { border:none; }

.socialicon { background:none; }
	

}






@media(max-width:480px){

}






@media(max-width:360px){


}