/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    GLOBAL STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	font-weight: 400;
}
a {
	color: #0750a4;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
	color: #000000;
}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    HEADER STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.page_header_title, h1 {
	font-family: 'Lora', serif;
	color: #0750a4;
	font-size: 28px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 40px;
	padding-bottom: 8px;
	margin: 0px;
}
.page_subheader_title, h2 {
	font-family: 'Lora', serif;
	color: #000;
	font-size: 25px;
	font-weight: 900;
	line-height: 32px;
	padding-bottom: 5px;
	margin: 0px;
	display: block;
}
.page_sub_subheader_title, h3 {
	font-family: 'Lato', sans-serif;
    color: #4e4943;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin: 0px;
    display: block;
}
.page_sub_subheader_title, h6 a{
    font-family: 'Lato', sans-serif;
    color: #633b8b !important;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    padding: 15px;
    margin: 0px 5px 10px 5px;
    border: 2px solid #633b8b;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
}

.page_sub_subheader_title, h6 a:hover{
    color: #fff !important;
    background-color: #633b8b;
    border: 2px solid #633b8b;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX    ROTATOR STYLES      XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.captionDesc h1 {
    font-family: 'Lora', serif;
	color: #fff;
	font-size: 5.5em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2em;
    margin: 0px;
    padding: 0px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.captionDesc h2 {
	font-family: 'Lato', sans-serif;
	color: #fff;
	font-size: 2.5em;
	font-weight: normal;
	line-height: normal;
    margin: 0px;
    padding: 0px;  
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.captionDesc a {
    font-family: 'Questrial', sans-serif;
    color:#fff !important;
    font-size: 1.5em;
    line-height: 5em;
    font-weight: bold;
    padding: 20px 25px;
    margin: 0px;
    border: 2px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}
.captionDesc a:hover {
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
}

.why h2, .clients h2, #work_one_link h2, #work_two_link h2, #work_three_link h2 { 
    color: #fff!important;
}
@media (max-width:780px) {
.captionDesc h1 {
	font-size: 7em;
}
.captionDesc h2 {
	font-size: 4em;
}
.captionDesc a {
    font-size: 2.25em;
    padding: 30px 35px;
    border: 4px solid #fff;
}
.captionDesc a:hover {
    color: #fff;
    background-color: #000;
    border: 2px solid #000;
}
}
@media (max-width:420px) {
.captionDesc h2 {
	font-size: 4.5em;
}
.captionDesc a {
    font-size: 4em;
    padding: 45px 80px;
    border: 8px solid #fff;
}
.captionDesc a:hover {
    color: #fff;
    background-color: #000;
    border: 13px solid #000;
}
}