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

.btn-primary {background-color:#ff6600; border:none;}
.btn-primary:hover {background-color:#009999;}

.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;}
	H5 {font-size:14px;}
	P {font-size:14px;}
	P.small {font-size:13px;}
	.logo {max-width:350px; display:block; margin-bottom:20px;} 

}

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

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

}

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


}

@media (min-width: 1560px) {
	

}