body {background:#333399;}
.perkypawsheader {background:#ffffff;}
#hold .full-height-window {height:100vh}
.logo {max-width:250px; display:block; margin-bottom:20px;} 
H1 {font-size:13px; color:#333399;}
H2 {font-size:13px; font-weight:normal; }
H3 {font-size:12px; color:#9f9cbd; }
H5 {font-size:13px; color:#32372c;}
H6 {color:#32372c; text-decoration:underline;} 
P {font-size:11px; line-height:140%; margin:0px;}
A {color:#32372c;}
A:HOVER {color:#000000;}
A.reverse {color:#ffffff;}
.black {color:#00000;}
.white {color:#ffffff;}
.green {color:#32372c;}
.grey {color:#e5e5e5;}
.footer P {color:#ffffff; font-size:13px;}
.footer A {color:#ffffff;}
P.small {font-size:10px;}

.btn-primary {background-color:#32372c; border:none;}
.btn-primary:hover {background-color:#7f7c6b;}

.modal-body P {margin-bottom:10px;}
h6 




/*==================================================
					  MEDIA QUERIES    	         
==================================================*/


/*	Extra small devices (portrait phones, less than 576px)
	No media query since this is the default in Bootstrap

	Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {


}


/*	Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	H1 {font-size:20px;}
	H2 {font-size:14px;}
	H3 {font-size:13px;}
	H5 {font-size:14px;}
	P {font-size:14px;}
	P.small {font-size:13px;}
	.logo {max-width:150px; display:block; margin-bottom:20px;} 

}

/*	Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	H1 {font-size:25px;}
	H2 {font-size:18px;}
	H3 {font-size:17px;}
	H5 {font-size:18px;}
	P {font-size:14px;}

}

/*	Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {


}

@media (min-width: 1560px) {
	

}