a
    {transition:all .5s ease}
.mobile-header
    {background:#333; color:#CCC; line-height: 3; text-align: center}
.main-navigation h3.menu-toggle
    {background: #000; box-shadow: none; border: 1px solid #CCC; color:#FFF; display:block; font-size: 14px;font-weight: bold; line-height:2}
.main-navigation h3.menu-toggle:focus
    {box-shadow: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.main-navigation h3.menu-toggle.toggled-on
    {border-bottom-right-radius: 0; border-bottom-left-radius: 0}
.site-header h1
    {color: #57D7CB;}
header hgroup h1.site-title
    {font-size:1.5em; float:none !important}
header hgroup h1 small
    {color:#CCC; font-size:11px; font-weight:normal; margin-left:10px}
header hgroup h2.site-description
    {color: #FFF;font-size:16px; font-weight: normal; line-height: 1.2}
header hgroup span.first
    {display:none}
header hgroup span.tel
    {display:none}
.menu-menu-1-container
    {line-height: 2.5; margin-bottom: 2em; text-align:left; width:100%}
.main-navigation ul.nav-menu.toggled-on
    {background:#EEEEEE; color:#333; display:block; width:100%}
#menu-menu-1 li
    {display:block; margin-right: 0}
.main-navigation li
    {margin-top:0}
.main-navigation li a
    {border-bottom: 1px solid #CCC; display: block; padding: 1.25em 1em;}
.site-header
    {padding: 1.2rem 0 0 0;}
.col
    {clear:both; float:none}
.row
    {clear:both}

/* Media Queries
============================== */

@media screen and (min-width:768px) {
    .mobile-header
        {display:none}
    header hgroup h1 small
        {display:none}
    header hgroup h1.site-title
        {font-size:32px; float:left !important}
    header hgroup span.tel,
    header hgroup span.first
        {display:inline; padding-top:22px}
    #menu-menu-1 li,
    .main-navigation ul.nav-menu.toggled-on, .menu-toggle
        {display:inline-block}
    .main-navigation ul.nav-menu.toggled-on
        {background:transparent; color:#CCC;}
    .main-navigation li
        {margin-top: 0; margin-top: 0;}
    .main-navigation li a
        {border:none; padding:0}
    #menu-menu-1 li
        {display: table-cell; width: 1%; text-align: center; margin-right:0}
    .main-navigation h3.menu-toggle
        {display:none}
    .main-navigation ul.nav-menu
        {border-top:1px solid #666; border-bottom:1px solid #666; display:block; text-align: left; width: 100%; }
    header hgroup h2.site-description
        {font-size:24px; text-align:left}
    .menu-menu-1-container
        {margin-bottom:0}
    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation li a:hover
        {color:#57D7CB}
    .col
        {clear:none; float:left}
    .col-30
        {width:30%}
    .col-70
        {width:70%}
}

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

header hgroup h1.site-title
    {font-size:48px}
header hgroup span.tel,
header hgroup span.first
    {padding-top: 40px;}
header hgroup span.tel
    {padding-top:42px}
}