@charset "UTF-8";

body  {
	font-family: 'Arvo', serif;
	color: #fff;
}

.header  {
	text-align:center;
	
}
h1 {
	font-size: 8rem;
	color: #000;
	letter-spacing: 1rem;
	margin: -1rem auto -1rem auto;
	
}
h2 {
	font-size: 4rem;
	font-weight:700;
	line-height: 1.2em;
	letter-spacing: .4rem;
	background-color: rgba(0,54,99,.4);
	margin-bottom: 1rem;
}
h3 {
	font-size: 1.3rem;
	color: #047;
	font-weight:400;
	line-height: 1.4em;
	
}
h4 {
	font-size: 1.6rem;
	

	color: #000;
}
p {
	font-size: 2rem;
    font-weight:400;
	color: #fff;
	
	

}
ul  {
	padding-left: 0;	
	padding-right: 0;	
	
	color: #333;
}
li  {
	list-style-type: none;
}


.leftalign  {
	text-align:left;
}

.rightalign  {
	text-align:right;
}

a  {
	text-decoration: none;	
}
a:link  { color: #F90;  }
a:visited  { color: #F90;  }
a:hover  { color: #FFF;  }
a:active  { color: #3C0;   }

address {
	font-size: .8rem;
	color: #F60; 
	text-align:left;
	font-style: normal;
	
	}
.designby {
	font-size: .8rem;
	color: #F60; 
	text-align:right;
	
}

/* large display */
@media (min-width:769px) and (max-width:999px)  {
h1 {
	font-size: 6rem;
}
h2 {
	font-size: 3rem;
	letter-spacing: 0rem;
}
p {
	font-size: 1.5rem;
}
address {
	font-size: .75rem;
	text-align:center;
	
}
.designby {
	font-size: .75rem;
	text-align:center;
	
}
}

/* medium display */
@media (min-width:481px) and (max-width:768px)  {
h1 {
	font-size: 3.5rem;
	margin: auto;
}
h2 {
	font-size: 2.2rem;
	line-height: auto;
	letter-spacing: 0rem;
	margin: auto;
}	
h3 {
	font-size: 1rem;
	margin: .8rem auto auto auto;
}

.rightalign  {
	text-align:left;
}

p {
	font-size: 1.5rem;
	text-align:center;
}

address {
	font-size: .75rem;
	text-align:center;
	
}
.designby {
	font-size: .75rem;
	text-align:center;
	
}
}


/* small display */
@media (max-width:480px)  {
h1 {
	font-size: 2rem;
	margin: auto;
}
h2 {
	font-size: 1.5rem;
	line-height: auto;
	letter-spacing: 0rem;
	margin: auto;
}
h3 {
	font-size: 1rem;
	margin: .8rem auto auto auto;
}

.rightalign  {
	text-align:left;
}
p {
	font-size: 1.5rem;
	text-align:center;
}
address {
	font-size: .75rem;
	text-align:center;
	
}
.designby {
	font-size: .75rem;
	text-align:center;
	
}
}