h1,h2,h3,li,.button{
color:#a0a0a0;
text-align: center;
text-transform: capitalize;
}
*, *:before, *:after{
  font-family: 'Raleway', sans-serif;
    box-sizing: border-box; /*this is to ensure that all elements are using the box model of border-box.  Remember that this model calculates the width of the element as including the borders and padding values, with only the margins being added as additional values.  It is HIGHLY recommended that you start your stylesheets with this rule as well.*/
}
h2{
  font-size:1.8em;
}
li{
	font-size: 2.6em;
}
#container{
	padding: 0px;
  width:960px;
	margin:auto;
  margin-top: 3em;
}
.package{
  background: white;
  padding: 2%;
  text-align: center;
  margin-bottom:30px;
  border-bottom: 2px rgba(137, 137, 137, 0.36) solid;
  border-radius: 4.5em;
}
.price {
  font-size: 2em;
}
.ptitle{
  background: gray; 
  color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius:1em;
  border-top-left-radius:1em;
  text-transform: uppercase;
  padding: .75em;
  margin-top: 0;
}
img{
  border-radius: 3em;
  float: left;
}
.btn {
  background: #f2b348;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #D49B3a;
  color: white;
  margin: auto;
  width: 12em;
  padding: .75em;
    padding: 13px 13px 13px 13px;
  text-align: center;
  margin-bottom: .6em;
  font-size: 1.7vw;
  font-weight: 500;
  border: none;
  text-align: center;
  text-decoration: none;
  margin-bottom: 1em;
}
.btn:hover {
  background: #f2b348;
}

body{
	height: 100%;
		padding: 0px;
	margin:0;
}
html {
    /* The image used */
    margin:0;
    padding:0;
    background: url("assets/images/fallback.jpg");
    background-image: url("assets/graphics/cloudback2.svg");
    background-position: top-left;
    background-repeat: no-repeat;
    background-size: contain;
}
/*
gold color
#D49B3a

Purple lighest
#912bef

Purple medium border on top of nav
#411c63

Grayish
#d6d6d6;

site background color
#292D46

Transparent
*/
.main{
	margin:auto;
  margin-top: -13px;
  padding: 1em;
	width: 45em;
  background: white;
  border-radius: 4.5em;
}
.sitetitle{
  text-align: center;
  padding-top:0;
  color: white;
  font-size: 5.5vw;
  line-height: .5em;
  margin-top: 3.5vw;
  margin-bottom: 2.5vw;
  margin-right: 0;
  margin-left: 0;
  padding: .5em;
}
#pagetitle{
margin-top:1vw;
padding-top: 2em;
padding: 3vw;
}
#subtitle{
	font-size: .3em;
  line-height: 0;
}
input[type=text], select, textarea, #email{

    line-height: 1.6;
    font-size: 1.3em;
    width: 15em;
    margin: 8px 0;
    display:  left;
    box-sizing: border-box;
}
form {
   display: inline-block;
   text-align: center;
   vertical-align: top;
   font-size: 1em;
}
.col img{
  margin-bottom: 8px;
}
.formelement{
  padding: 1.2em;
  font-size: 1.6em;
  text-align: center;
}
.tagline{
	color: #292D46;
	font-size: 2.5vw;
  line-height: 2em;
	text-align: center;
}
.fbtn{
font-size: 1.4em;
}
input[type=checkbox] {
  transform: scale(1.5);
}
.rounded{
	padding: .5em;
	border-radius: 2.5vw;
	background: rgba(200,200,200,.94);
	width: 45vw;
	margin:auto;
	margin-top: -30px;
  margin-bottom: 1em;
}
.col{
  padding: 1%;
  padding-top:0;
  float:left; 
  width: 33.3%;
}
.clear {
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
.nav {
  padding: 0;
  margin-left: -10px;
  position: fixed;
  top: 0; 
  width: 65em; 
  z-index: 100;

}
.nav li a:hover {
    background-color: #742db7;
    color: white;
}
.nav {
  padding:0;
  margin-top: -16px;

}
.nav ul {
  list-style-type: none;
  
  padding: .6em;
  overflow: hidden;
  background-color: #5d298e;
  border-top: .7em solid #411c63;
  text-align: left;
  border-radius: 0 0 60px 0;
}
.nav li {
  margin: auto;
  line-height: 47px;
  padding-top: 3.5px;
  margin-top:-19px;
  margin-bottom:-19px;
    width: 24%;
    height: 2em;
    font-size: 1.2em;
    white-space: nowrap;
    display: inline-block;
    margin-right: -4px;
    font-weight: 500;
}
.nav a {
  text-decoration: none;
  color: white;
  display: block;
  transition: .4s background-color;
}
.col p{
  font-size: 1.4em;
  text-align: left;
}
 p{
  font-weight: 300;
  font-size: 1.5em;
 }
.nav a:hover {
  background-color: #912bef;
  box-shadow:4px 0px 0px 0px white inset;

}
.nav .active {
  background-color: #411c63;
  cursor: default;
}
.btn a{
color:white;
text-decoration: none;
}
.btn a:visted{
color:white;
text-decoration: none;
}
.btn a:hover{
   background-color: #f2b348;
}