@font-face{
font-family: CharterBold;
font-style: normal;
font-weight: 400;
src: url('http://homesteadanimalclinic.com/fonts/CharterBold.woff');
}

@font-face{
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url('http://homesteadanimalclinic.com/fonts/OpenSans.woff');
}

@font-face{
font-family: Open Sans;
font-style: normal;
font-weight: 700;
src: url('http://homesteadanimalclinic.com/fonts/OpenSansBold.woff');
}

@font-face{
font-family: Lobster;
font-weight: 400;
src: url('http://homesteadanimalclinic.com/fonts/Lobster.woff');
}

a{
text-decoration: none;
}

body{
width: 100%;
margin: auto;
font-family: 'Open Sans';
}

.footer{
color: white;
background: #2D2D37;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
font-family: 'CharterBold';
font-size: 85%;
}
.footer img{
width: 75px;
}
.header{
color: #2D2D37;
text-align: center;
font-family: 'CharterBold';
background: rgba(246, 246, 246, .5);
}
.slogan{
font-family: 'Lobster', cursive;
}
.toolbar{
height: 50px;
text-align: center;
background: #2D2D37;
margin-bottom: 30px;
position: fixed;
top: 0;
z-index: 999;
font-family: 'CharterBold';
width: 100%
}

.button{
height: 38px;
width: 25%;
color: white;
/*float: left;*/
font-size: 115%;
padding-top: 12px;
}
.button:hover{
background: #7F7F7F;
color: white;
}
.button:visited{
color: white;
}

.current{
height: 38px;
width: 25%;
color: white;
/*float: left;*/
font-size: 115%;
padding-top: 12px;
background: #CC1916;
}
.current:hover{
color: white;
}
h1{
padding: 0;
margin: 0;
}

.inside{
margin-left: auto;
margin-right: auto;
max-width: 850px;
width: 100%;
}

.main{
background: white;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
}

@media screen and (min-width: 950px){
body{
background: url('http://homesteadanimalclinic.com/images/kitty.png');
background-position: center 50px;
background-attachment: fixed;
background-size: 100%;
}
}

@media screen and (max-width: 950px){
body{
background: url('http://homesteadanimalclinic.com/images/puppy.png');
background-position: center 50px;
background-attachment: fixed;
background-size: 100%;
}
}

@media screen and (min-width: 400px){
.header{
padding-top: 90px;
margin-bottom: -90px;
height: 450px;
}
}

@media screen and (max-width: 400px){
.header{
font-size: 85%;
height: 300px;
padding-top: 100px;
margin-bottom: -100px;
}
h1{
font-size: 180%;
}
}