@import url("reset.css");
@import url("fontawesome-all.css");
@import url("modal-video.min.css");
@import url("forms.css");
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Roboto:300,400,700');

html {-webkit-font-smoothing: antialiased;}

body {background: #fff; color: #767676; font: 100%/1.5em 'Roboto', Arial, Helvetica, sans-serif;}
a {border: none; color: #000; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img, a, a img {border: none;}
img {max-width: 100%; vertical-align: top;}/*  does not exceed the width of its container  */
.clear {clear: both;}
.hide {display: none;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}
.devnote {background: lightyellow; color: red; padding: 5px;}

/* Base OVERRIDES */
h1,h2,h3 {margin:1em 0;/* top & bottom margin based on font size */}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;/*bringing boldness back to headers and the strong element*/}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;/*indicating to users that more info is available */}
em {font-style:italic;/*bringing italics back to the em element*/}
blockquote,ul,ol,dl {margin:1em;/*giving blockquotes and lists room to breath*/}
ol,ul,dl {margin-left:2em;/*bringing lists on to the page with breathing room */}
ol li {list-style: decimal outside;/*giving OL's LIs generated numbers*/}
ul li {list-style: disc outside;/*giving UL's LIs generated disc markers*/}
dl dd {margin-left:1em;/*providing spacing for definition terms*/}
table {font-size:inherit; font:100%;}
th,td {/*  border:1px solid #000;  */ padding:.5em;/*borders and padding to make the table readable*/}
th {font-weight:bold; text-align:center;/*distinguishing table headers from data cells*/}
caption {margin-bottom:.5em; text-align:center;/*coordinated margin to match cell's padding*/}
p,fieldset,table,pre {margin-bottom:1em;/*so things don't run into each other*/}
select, input, button, textarea {/*  font:99% arial,helvetica,clean,sans-serif;  */}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
/* +++++++++++++++++++++ */

/*
@media screen and (min-width: 480px) {.phone {background: orange;}}
@media screen and (min-width: 600px) {.phone {background: blue;}}
@media screen and (min-width: 768px) {.phone {background: brown;}}
@media screen and (min-width: 1024px) {.phone {background: black;}}
*/

.opensans {font-family: 'Open Sans', sans-serif;}
.fontR {font-family: 'Roboto', sans-serif;}
.fontP {font-family: 'PT Sans', sans-serif;}

.base-wrap {width: 100%; max-width: 960px; margin: 0 auto; /*position: relative;*/}

h1, h2 {font-weight: normal;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

a[href^="tel:"] {}

.spanish {text-align: right; color: #fff; padding: 2px 0 6px 0;}
.spanish a {color: #fff;}

/* Masthead */
#masthead {background: #32CCFF; color: #fff;}/*height: 80px;*/
#masthead .inner {padding: 20px 0px; text-align:center;}

#masthead .inner .logo {}
#masthead .inner .logo img {width: 100%; max-width: 250px;}
#masthead .inner .phone {font-size: 130%; font-weight: 300; line-height: 60px; white-space: nowrap;}
#masthead .inner .phone a {color: #fff;}
#masthead .inner .phone img {position: relative; top: 12px; max-width: 44px;}
/*
44x34
*/
#masthead .inner .apply {}

/*  response  */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 600px) {

}
@media screen and (min-width: 768px) {
	#masthead .inner {padding: 10px 0px;}
	#masthead .inner .logo {float: left; width: 50%; margin-top: 18px;  text-align:left;}
	#masthead .inner .phone {float: left; width: 22%; text-align:right;}
	#masthead .inner .apply {float: left; width: 28%; margin-top: 7px; text-align:right;}
}
@media screen and (min-width: 1024px) {

}


/* Footer */
#footer {background: #4e4e4e; color: #fff;}
#footer .inner {padding: 30px 20px; text-align:center;}
#footer .inner a {color: #fff;}
#footer .inner span {display:block;}
#footer .inner p {margin: 3px 0;}

/*  response  */
@media screen and (min-width: 960px) {
	#footer .inner {padding: 30px 0px; text-align:left;}
	#footer .inner span {display:inline;}

}