/* pete's style */
body, html {
/* background: url(i/gang.jpg) no-repeat center center fixed; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#globalnav {/* background: rgba(6, 59, 89, 0.9); */
text-decoration: none; font-family: 'Anybody', sans-serif; position: relative; top: 0; width: 100%; text-transform: uppercase; font-weight: bold; font-size: 1.3em;}
#globalnav a:link {color: #6c4d1f; text-decoration: none;}
#globalnav a:visited {color:#6c4d1f; text-decoration: none;}
#globalnav a:hover {color: #dfd149; text-decoration: none;}
#globalnav a:active {color: #6c4d1f; text-decoration: none;}
.pushback {display: none !important;}
label {font-family: 'Assistant', sans-serif; font-size: 2em;}
input[type="text"] {font-family: 'Assistant', sans-serif; font-size: 1em; font-weight: bold; color: purple;}
input[type="submit"] {font-family: 'Assistant', sans-serif; font-size: 3em; font-weight: bold; color: white;}
textarea {font-family: 'Assistant', sans-serif; font-size: 1em; font-weight: bold; color: purple;}
.bighead {
/*
background: black;
color: white;
border-radius: 1em;
padding: 1em;
*/
font-family: 'Anybody', cursive;
font-size: 15vw;
color: white;
line-height: normal;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%) }
.smallhead {font-size: 4vw;
line-height: 1vh;
text-align: center;
}
header {background-color: #f1f5ff;}
.skinny {font-weight: 100;}
.mytext {
left: 100;
position:absolute;
text-align:left;
top: 35%;
width: 100%;
font-size: 2rem;
color: rgba(255, 255, 255, 0.9)
}
.image-control {width:100%;}
.slideshow-element{
position: absolute;
}
.backone {background-color: rgba(247, 248, 255, 1); padding: 2em;}
.innersplash {
/* min-height: 80vh; */
border-top:4px solid #6c4d1f; border-bottom:4px solid #6c4d1f;
font-family: 'Anybody', cursive;
font-size: 15vw;
color: white;
line-height: normal;
position: relative;
background: url(/i/peteharris4large-2.jpg) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.slidetext {background-color: rgba(251, 246, 246, 0.2); padding: 2em; text-shadow: 1px 1px 1px black;}
.slidetext h2 {margin-left: 1.3rem; font-family: 'Anybody', sans-serif; font-size: 2rem;}
.content {margin: 2em;}
.content h1 {font-family: 'Dosis', sans-serif; font-size: 2em;}
.content p {font-family: 'Assistant', sans-serif; font-size: 1.5em;}
.content a {font-weight: bold;}
.bordered {border: 2px solid #434242;}
.innertitle {position: relative; opacity: .8; margin-left: .1em; line-height: normal;}
.innersubtitle {font-size: 4vw; line-height: 1vh; text-align: left; margin-left: .1em; }
ul.credlist li {list-style: none; list-style-position: inside; font-family: 'Assistant', sans-serif; font-size: 1.5em; margin-bottom: 2.5vh; border-bottom: 1px solid #6c4d1f; border-right: 10px solid #6c4d1f; border-bottom-right-radius: 25px; padding-bottom: 1vw;}
.credlist h2 {font-family: 'Dosis', sans-serif; font-size: 2em; text-transform: uppercase; margin-top: 4vh;}
.testimonial {font-family: 'Times', cursive; padding: .4em; background: -webkit-linear-gradient(#6963af 17.88%, #ae9df2 100%); color: #ffffff; margin-top: 5em; border-radius: 5px; font-size: 1.3em; font-style: italic;}
.testimonial h3 {font-family: 'Times', cursive; font-style:oblique;}
.white {color: white;}
.pushback {display: none !important;}
.composition h2 {font-family: 'Dosis', sans-serif; font-size: 2em; text-transform: uppercase; margin-top: 4vh;}
.tinier {font-size: .5em; line-height: normal;}
.legal-info {font-family: 'Assistant', sans-serif; }
.legal-info p {font-family: 'Assistant', sans-serif; font-size: 1.1em;}
.legal-info h2 {font-family: 'Dosis', sans-serif; font-size: 1.5em;}
.legal-info li {font-family: 'Assistant', sans-serif; font-size: 1.1em;}
.brad{border-radius: 10px; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.88);}
/* Small only */
@media screen and (max-width: 39.9375em) {
.mytext {position:relative; text-align:left; width: 100%; font-size: .5rem; color: rgba(249, 243, 243, 0.9); top: 0%;}
.slidetext {background-color: rgba(183, 189, 252, 1); padding: .5em; text-shadow: none;}
.slidetext h2 {margin-left: 0; font-family: 'Anybody', sans-serif; font-size: 1rem;}
.backone {background-color: rgba(247, 248, 255, 1); padding: .2em;}
.content {margin: .1em;}
.content h1 {font-family: 'Dosis', sans-serif;}
.content p {font-family: 'Assistant', sans-serif; font-size: 1em;}
label {font-family: 'Assistant', sans-serif; font-size: .8rem;}
.testimonial {font-family: 'Times', cursive; padding: .2em; background: -webkit-linear-gradient(#6963af 17.88%, #ae9df2 100%); color: #ffffff; margin-top: 3em; margin-bottom: 3em; border-radius: 5px; font-size: .9em; font-style: italic;}
.testimonial h3 {font-family: 'Times', cursive; font-style:oblique;}
ul.credlist li {list-style: none; list-style-position: inside; font-family: 'Assistant', sans-serif; font-size: 1em; margin-bottom: 2.5vh; border-bottom: 1px solid #6c4d1f; border-right: 10px solid #6c4d1f; border-bottom-right-radius: 25px; padding-bottom: 1vw;}
.credlist h2 {font-family: 'Dosis', sans-serif; font-size: 1.6em; text-transform: uppercase; margin-top: 4vh;}
input[type="text"] {font-family: 'Assistant', sans-serif; font-size: .8rem; font-weight: bold; color: purple;}
input[type="submit"] {font-family: 'Assistant', sans-serif; font-size: .8rem; font-weight: bold; color: white;}
textarea {font-family: 'Assistant', sans-serif; font-size: .8rem; font-weight: bold; color: purple;}
.copyright {font-size: .8em;}
.appbar-container {background: rgba(176, 182, 255, 1); width: 100%;}
#appbar {background: rgba(176, 182, 255, 1); position: fixed; bottom: 0; z-index: 101; width: 100%; font-size: 1em; color: #ffffff; }
#appbar a:link {color: #ffffff; text-decoration: none; font-family: 'Assistant', sans-serif; padding-right: 0; padding-left: 0;}
#appbar a:visited {color: #ffffff; text-decoration: none; font-family: 'Assistant', sans-serif; padding-right: 0; padding-left: 0;}
#appbar a:hover {color: #ffffff; text-decoration: none; font-family: 'Assistant', sans-serif; padding-right: 0; padding-left: 0;}
#appbar a:active {color: #ffffff; text-decoration: none; font-family: 'Assistant', sans-serif; padding-right: 0; padding-left: 0;}
}
/* Medium and up */
@media screen and (min-width: 40em) {}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}