body {
	margin:0;
	padding:0;
	background-color: #E1E1E1;
	font-family: 'Hind', sans-serif;

}

img {max-width:100%}


a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #532C6E;
}
a:active {
	text-decoration: none;
	color: #000000;	
}



.alt a:link {
	text-decoration: none;
	color: #B98A44;
}
.alt a:visited {
	text-decoration: none;
	color: #B98A44;
}
.alt a:hover {
	text-decoration: underline;
	color: #CD2026;
}
.alt a:active {
	text-decoration: none;
	color: #CD2026;	
}


h1 {
	font-size: 48px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 5px;
}

h2 {
font-size: 28px;
	line-height: 32px;
color: #000000;
margin-top: 100px;
margin-bottom: 5px;
}
 
h3 {
font-size: 28px;
color: #000000;
margin-top: 0px;
margin-bottom: 5px;
}
 
p {
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	
}


.top-stripe {
height: 10px;
width: 100%;
background-color: #532C6E;	
float: left;	
margin-bottom: 10px;
}


.header {
	float: left;
width: 100%;

}

.header-logo {
	margin-left: 50px;
width: 400px;
float: left;

}


.address {
width: 34%;

font-weight: bold;	
float: right;
padding-top: 50px;	
margin-right: 70px;
font-size: 20px;
	text-align: right;
}


.cats-and-dogs {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: -90px;
float: left; 
}




/*--- NAV ---*/

 
 
.navbar {
float: left;
width: 100%;
height: auto;
background: #532C6E;
border-top: solid 3px white;


}

.navbar-footer {
float: left;
width: 100%;
height: auto;
background: #532C6E;
border-top: solid 5px #532C6E;
border-bottom: solid 5px #532C6E;

}


#nav{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	

	}

#nav li{
	display:inline;
	}

#nav a{
	display:inline-block;
text-decoration: none;
	color: #fff;
	font-size: 30px;
	
	text-align: center;
	padding: 20px;
	padding-left: 70px;
	padding-right: 70px;

	}
	
	
 #nav a:hover {
	background:#E1E1E1; 
	color: #532C6E;

	-webkit-transition: background 0.2s;  /* Saf3.2+, Chrome */
	-moz-transition: background 0.2s;  /* FF4+ */
	-ms-transition: background 0.2s;  /* IE10 */
	-o-transition: background 0.2s;  /* Opera 10.5+ */
	transition: background 0.2s;
	text-decoration: none;
}



.main-content {
float: left;	
width: 100%;
height: auto;
overflow: auto;


}

.home-pic {
width: 100%;
height: auto;
float: left;	
}


.home-text {
width: 60%;
	margin-left: 7%;
height: auto;
overflow: auto;
margin-top: 25px;
	
float: left;	
}



.home-text-pic {
width: 23%;
	margin-right: 4%;
height: auto;
margin-top: 25px;
margin-bottom: 20px;
float: right;	
}


.footer {
width: 100%;

}


.footer-logo {
margin-left: 50px;
width: 400px;
float: left;
		
		
}




.footer-info {
width: 800px;

float: right;
margin-top: 50px;
	
margin-right: 3%;
text-align: center;
		font-size: 18px;
}

.text-spacing {
margin-right: 20px;	
	
}

.cats-and-dogs-footer {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: -60px;
	margin-bottom: 3px;
float: left; 
}

.bottom-stripe {
height: 50px;
width: 100%;
background-color: #532C6E;	
float: left;	
}



.bio-intro {
margin-top: 20px;
width: 86%;
	margin-left: 7%;
margin-right: 7%;
float: left;
	margin-bottom: 50px;
}

.bio {
float: left;
width: 86%;
	margin-left: 7%;
margin-right: 7%;	
	margin-bottom: 50px;
}




.bio-text-left {
	width: 57%;
height: auto;
overflow: auto;

	margin-right: 10%;
float: left;	
}



.bio-text-left-pic {
	width: 33%;
	float: right;
	text-align: left;
}


.bio-text-right {
	
width: 57%;
height: auto;
overflow: auto;

	margin-left: 10%;
float: right;	
}



.bio-text-right-pic {
	width: 33%;
	float: left;
	text-align: right;
}





@media (max-width: 1400px)

{
	
	.footer-logo {
margin-left: 35%;
		margin-right: 35%;
width: 30%;
float: left;
		
		
}




.footer-info {
width: 100%;

float: left;
margin-top: 0px;
	
margin-right: 0%;
text-align: center;
		font-size: 18px;
}

	
	.cats-and-dogs-footer {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: 0px;
	margin-bottom: 3px;
float: left; 
}
	
	
	
}

@media (max-width: 1110px)

{
.footer-logo {
margin-left: 25%;
		margin-right: 25%;
width: 50%;
float: left;
		
		
}		
	
	
}



@media (max-width: 1000px)

{
	
#nav a{
	display:inline-block;
text-decoration: none;
	color: #fff;
	font-size: 30px;
	
	text-align: center;
	padding: 20px;
	padding-left: 50px;
	padding-right: 50px;

	}	
	
}


@media (max-width: 870px)

{
	
#nav a{
	display:inline-block;
text-decoration: none;
	color: #fff;
	font-size: 30px;
	
	text-align: center;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;

	}	
	
}


@media (max-width: 810px)

{
	
.header-logo {
	
margin-left: 25%;
		margin-right: 25%;
width: 50%;
float: left;
}


.address {
	
width: 100%;
font-weight: bold;
float: left;
margin-top: -30px;
	
margin-right: 0%;
text-align: center;
		font-size: 20px;	
	
}
	
.cats-and-dogs {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: -30px;
float: left; 
}	
	
.home-text {
width: 50%;
	margin-left: 7%;
height: auto;
overflow: auto;
margin-top: 25px;
	
float: left;	
}



.home-text-pic {
width: 42%;
	margin-right: 1%;
height: auto;
margin-top: 25px;
margin-bottom: 20px;
float: right;	
}
	

}

@media (max-width: 770px)

{
	
	#nav a{
	display:inline-block;
text-decoration: none;
	color: #fff;
	font-size: 30px;
	
	text-align: center;
	padding: 3px;
	padding-left: 40px;
	padding-right: 40px;

	}	
	
	


	
	
	
	
.footer-info {
width: 100%;

float: left;
margin-top: 0px;
	
margin-right: 0%;
text-align: center;
		font-size: 15px;
}	
	
	
}	
	
@media (max-width: 660px)

{
	
.bio-intro {
margin-top: 0px;
width: 86%;
	margin-left: 7%;
margin-right: 7%;
float: left;
	margin-bottom: 20px;
}

.bio {
float: left;
width: 86%;
	margin-left: 7%;
margin-right: 7%;	
	border-bottom: solid 4px #532C6E;
	margin-bottom: 15px;
	margin-top: 19px;
}




.bio-text-left {
	width: 100%;
height: auto;
overflow: auto;
margin-left: 0%;
	margin-right: 0%;
float: left;	
}



.bio-text-left-pic {
	width: 60%;
	margin-left: 0%;
	margin-right: 40%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}


.bio-text-right {
	
width: 100%;
height: auto;
overflow: auto;

	margin-left: 0%;
	margin-right: 0%;
float: left;	
}



.bio-text-right-pic {
	width: 60%;
	margin-left: 0%;
	margin-right: 40%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}
	
	
}






@media (max-width: 600px)

{
	
h2 {
font-size: 28px;
color: #000000;
margin-top: 30px;
margin-bottom: 5px;
}	
	
	
	
.top-stripe {
height: 10px;
width: 100%;
background-color: #532C6E;	
float: left;	
margin-bottom: 0px;
}	
	
.header-logo {
	
margin-left: 10%;
		margin-right: 10%;
width: 80%;
float: left;
}
	
.address {
	
width: 100%;
font-weight: bold;
float: left;
margin-top: -50px;
	
margin-right: 0%;
text-align: center;
		font-size: 20px;
	line-height: 26px;
	
}	
	
.cats-and-dogs {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: -60px;
float: left; 
}
	

#nav a{
	display:inline-block;
text-decoration: none;
	color: #fff;
	font-size: 30px;
	
	text-align: center;
	padding: 3px;
	padding-left: 20px;
	padding-right: 20px;

	}		
	
	
	.bio-text-left-pic {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}
	
	
	.bio-text-right-pic {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}
	
.footer-logo {
margin-left: 10%;
		margin-right: 10%;
width: 80%;
float: left;
		
		
}			
	
.footer-info {
width: 96%;

float: left;
margin-top: 0px;
	
margin-right: 2%;
	margin-left: 2%;
text-align: center;
		font-size: 15px;
}	
	
	
.cats-and-dogs-footer {
height: 250px;
width: 100%;
background-image: url(../images/cats-and-dogs.fw.png);
background-repeat:repeat-x;
	margin-top: -60px;
	margin-bottom: 3px;
float: left; 
}
		
.home-text {
width: 90%;
	margin-left: 5%;
	margin-right: 5%;
height: auto;
overflow: auto;
margin-top: 5px;
	
float: left;	
}



.home-text-pic {
width: 70%;
	margin-right: 15%;
	margin-left: 15%;
height: auto;
margin-top: -25px;
margin-bottom: 0px;
float: left;	
}	
	
}