/*----- General Styles -----*/

* {margin:0px; padding:0px; }

html {height:100%; width:100%; }
body {font-size:0.75em; font-family: 'Raleway', sans-serif; }

img {max-width:100%; margin: 0; padding: 0; display: block;  }
img.center {display: block; margin-left: auto; margin-right: auto }

ul { }
ul li {list-style-type:none; }

/*----- Font Colors -----*/

.purple {color:#f92b0d; }

a:link {color: #000; text-decoration:underline;}
a:visited {color: #000; text-decoration:underline;}
a:hover {color: #660066; text-decoration:underline;}
a:active {color: #660066; text-decoration:underline;}
a.selected {color: #660066; text-decoration:underline;}


/*----- Helper Styles -----*/

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {text-align:center; }
.hidden {display:none; }
.row {width:100%; margin-bottom:10px; clear:both;}



@media (min-width: 1000px) { 


p {font-size: 1.3em; margin: 0 0 1em 0; padding: 0; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h1 { }
h2 { }

#wrapper {width:100%; padding:0; margin:0 auto; }

/*----- Content -----*/

#wrapper #content {max-width:960px; margin:0 auto; padding:200px 20px 20px 20px; }
#wrapper #content .logo {max-width:500px; margin:0 auto; }
#wrapper #content .contact {max-width:500px; margin:0 auto; padding-top:70px; clear:both; }
#wrapper #content .contact .details {float:left; padding-right:50px; }
#wrapper #content .contact .trust {max-width:120px; float:right; }


}


@media (max-width: 999px) { 

p {font-size: 1.3em; margin: 0 0 1em 0; padding: 0; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
h1 { }
h2 { }

#wrapper {width:100%; padding:0; margin:0 auto; }

/*----- Content -----*/

#wrapper #content {max-width:960px; margin:0 auto; padding:200px 20px 20px 20px; }
#wrapper #content .logo {max-width:500px; margin:0 auto; }
#wrapper #content .contact {max-width:500px; margin:0 auto; padding-top:70px; clear:both; }
#wrapper #content .contact .details {float:left; padding-right:50px; }
#wrapper #content .contact .trust {max-width:120px; float:right; }

}



@media (max-width: 750px) { 


/*----- Content -----*/

#wrapper #content {max-width:960px; margin:0 auto; padding:100px 50px 20px 50px; }
#wrapper #content .logo {max-width:500px; margin:0 auto; }
#wrapper #content .contact {max-width:500px; margin:0 auto; padding-top:70px; clear:both; }
#wrapper #content .contact .details {float:left; padding-right:50px; }
#wrapper #content .contact .trust {max-width:120px; float:right; }

}


@media (max-width: 500px) { 

p {font-size: 1.2em; margin: 0 0 1em 0; padding: 0; line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

/*----- Content -----*/

#wrapper #content {max-width:960px; margin:0 auto; padding:30px 20px 20px 20px; }
#wrapper #content .logo {max-width:400px; margin:0 auto; }
#wrapper #content .contact {max-width:500px; margin:0 auto; padding-top:40px; clear:both; }
#wrapper #content .contact .details {float:none; width:100%; padding-right:0; padding-bottom:20px; text-align:center; }
#wrapper #content .contact .trust {max-width:120px; float:none; margin:0 auto; }


}