@charset "UTF-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,main{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:5px 0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}label.error { color: red;}address { font-style: normal;}.clearfix:before,.clearfix:after{ display:table; content:" "}.clearfix:after{ clear:both}.clear{ clear:both; line-height: 0px; height:0px; width:0px;}h3.gallery-heading { padding-bottom:20px;}body#patient-gallery div.gallery-container { margin:0 auto; text-align:center;}#mobile-flyer { display:none;}@media screen and (max-width:480px) { #mobile-flyer { display:initial; } body#in-the-community main { text-align:center; }}.elem-right, .elem-left, .block { display:block; max-width: 40%; box-sizing: border-box; border: 10px solid #FFF; box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}.elem-right { float:right; margin: 0px 0px 15px 15px;}.elem-left { float:left; margin: 0px 15px 15px 0px;}.shadow{ box-shadow: 0 0 3px #000;}iframe{ width: 100%; height: 400px;}h1:first-child{ margin-top: 0;}form{ display: block;}/***form label{ display: block;}***/body#index input[type="checkbox"] { display:none !important;}/***form input,***/form textarea,form select{ background-color: #FFF; border: none; color: #000; display: block; margin: 0 auto 6px; padding: 7px; width: 90%;}form input[type=submit]{ white-space: normal; max-width: 237px;}/***FORM FIXES***/input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; display: inline-block !important; max-width: 100%; width: 12% !important; margin-left: 22px !important;}form span { min-width: 32%; display: inline-block; max-width: 100%; margin-left: -30px; position: relative; width: 230px;}form label { display: block; font-weight: 500; text-transform: uppercase; max-width: 100%; width: 100%; margin: 0 auto 10px;}form input[type="submit"] { white-space: normal; max-width: 100%; width: 157px;}.pager { width: 100%; overflow: hidden;}.pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #3a7077; cursor: pointer; }.pager span.cycle-pager-active { color: #000;}.pager > * { cursor: pointer;}.cycle-caption { position: absolute; color: white; bottom: 15px; right: 15px; z-index: 700; }.cycle-overlay { font-family: tahoma, arial; position: absolute; bottom: 0; width: 100%; z-index: 600; background: black; color: white; padding: 15px; opacity: .5;}.section-toggle { clear: both; margin: 0 auto 30px;}.section-toggle > .btn { margin: 0 auto 20px;}.section-toggle > div { box-shadow: 0 0 10px #000; padding: 10px;}.section-toggle h3:not(:first-of-type) { margin: 25px auto 0;}.toggleBtn-off,.toggleBtn-on { display: inline-block; margin: 2px 5px 3px; width: 36px; height: 16px; line-height: 20px; background: transparent url(assets/images/switch.png) no-repeat left bottom; text-decoration: none; vertical-align: middle; outline: none;}.toggleBtn-on { background-position: left top; cursor: default;}.toggleBtn-off:hover,.toggleBtn-on:hover { text-decoration: none;}.security.toggle span { font-weight: bold;}.security.toggle span:first-child { display: block;}.security.toggle span:nth-child(2) { display: inline-block;}.security.toggle span:last-child {}.input{ margin-bottom: 10px;}label{ display: inline-block; width: 200px;}.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin: 10px auto; border: 10px solid #FFF; box-shadow: 0px 0px 5px #000;}.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }#responsive-nav{ text-align:center;}#responsive-nav >a{ display:inline-block; vertical-align:middle; padding:3px 10px;}#responsive-nav >a>i{ display:block;font-size:x-large;}html, body{ margin: 0px; padding: 0px; font-family: 'Lato', Helvetica, Arial, sans-serif; color: #000; font-weight: 300;}[class^="icon-"]:before, [class*=" icon-"]:before{ margin: 0px !important; }body{ width: 100%; height: 100%; background: url(assets/images/background.jpg); background-size: cover;}a{ text-decoration: none; color: #1C7F98;}a img{ border: none;}img{ max-width: 100%;}a.btn,label.btn,.btn{ padding: 5px 30px; border: 2px solid #3F7988; color: #3F7988; font-family: "Crimson Text"; font-size: 21px; text-align: center; display: inline-block; cursor: pointer;} a.btn:hover,label.btn:hover, .btn:hover{ background-color: #3F7988; color: #FFF; }a.btnDk{ padding: 5px 30px; border: 2px solid #E1DCC1; color: #FFF; font-family: "Crimson Text"; font-size: 21px; text-align: center; display: inline-block;} a.btnDk:hover, a.btn-alt:hover{ background-color: #E1DCC1; color: #3F7988; }a.btn-alt{background-color: #3f7988; color: #fff; display: inline-block;font-family: "Open Sans Condensed"; font-weight: 700; text-align: center; font-size: 25px; margin-top: 5px; padding: 5px 10px; text-transform: uppercase; }.btn+.btn{margin-bottom: .5em;}#content ol,#content ul { display: contents;}#content ol li,#content ul li { font-size: 17px; line-height: 24px; display: flow; position: relative; padding: 0 0 0 40px;}#content ol li:before, #content ul li:before { content: url(assets/images/li.jpg); padding: 0 10px 0 0;}h1, h2, h3{ margin: 0px; padding: 0px; font-weight: normal; font-family: "Crimson Text";}h1, #theH1{ color: #3F7988; font-size: 40px;} #index #theH1{ display: none; } #theH1{ background: rgba(208,201,170,.3); padding:30px 0; box-shadow: 0px 20px 20px rgba(0,0,0,0.3); font-family: "Crimson Text"; } #theH1 .container{ padding: 0px; } #index h1{ text-align: center; color:white; }h2{ color: #B6832C; font-size: 30px;}h3{ color: #000; font-family: "Open Sans Condensed"; font-size: 25px; font-weight: 700;}.left, .col{ float: left;}.right{ float: right; }.gp{ background: #DC4C3A;}.fb{ background: #3A5795;}.container{ width: 90%; max-width: 980px; margin: 0px auto; position: relative;}#theH1 h1#interior, #theH1 .h1-small { font-size: 13px; text-align: center; font-weight: 400; text-transform: uppercase; line-height: 1.8; letter-spacing: 2px; display: block; }h1#interior + h2 { font-size: 46px; line-height: 1.2; text-align: center; font-weight: 300; margin: 0 auto; }@media screen and (max-width:750px) {h1#interior, .h1-small { font-size: 30px; line-height: 1.2; }h1#interior + h2 { font-size: 25px; line-height: 1.2; }}#interior, #append { margin:0px; }#interior { font-size:14px; letter-spacing:.1em; }#interior + #append { font-size:40px; margin-top:10px; }#content ul{ display: inline-block; }header { background: url('assets/images/header-new-bkg') no-repeat; background-size:cover;} header>.container{ padding: 15px 0px; } #logo.mobileLogo { display:none;} #logo{ float: left; width:220px;} #logo img{ width: 100%; }.topAddressWrapper { background: #b6832c;}#address{ background: #b6832c; display: flex; align-items: center; justify-content: space-between; max-width:980px; margin:0 auto;}#address a, #address p { color: #fff; font-size: 22px; font-family: "News Cycle", sans-serif; display: inline-block; padding: 0 10px;}#address a { font-size:14px;}#address { background: #b6832c; color: #FFF; font-family: "News Cycle"; font-size: 16px; line-height: 1.5; text-align:left;}#address div:last-of-type { text-align:right;}.northwest { order:-1;}.locationTitle { padding:0 10px; display:block;}.twoLocations { font-size:22px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}.twoLocations img { width:56px; vertical-align:middle; margin:0 4px;}#address a { color: #fff; display:block;}#topInfo{ float: right; font-family: "Open Sans Condensed"; font-weight: 700; text-align: center; } #phone{ color: #B6832C; font-size: 40px; } #topInfo a{ padding: 5px 10px; background-color: #3F7988; color: #FFF; font-size: 25px; text-transform: uppercase; display: inline-block; margin-top: 5px; } #phone i{ color: #000; }nav{ text-align: center; position: relative; z-index: 999; background: linear-gradient(to bottom, rgba(72,156,180,1) 0%,rgba(116,184,201,1) 26%,rgba(116,184,201,1) 73%,rgba(72,156,180,1) 100%);}nav a{ color: #FFF;}#responsive-nav{ display: none; }#regular-nav a{ display: block; width: 100%; height: 100%; }#regular-nav ul{ margin: 0px; padding: 0px; list-style: none; } #regular-nav li{ margin: 0px -2px; padding: 0px; display: inline-block; padding: 0px 16px; position: relative; text-transform: uppercase; line-height: 40px; color: #FFF; font-family: "Open Sans Condensed"; font-size: 22px; font-weight: 700; letter-spacing: 1px; box-sizing: border-box; border-right: 2px solid #3d7381; border-left: 1px solid #AFE0EC; } #regular-nav>ul>li:first-child{ border-left: 0px; } #regular-nav>ul>li:last-child{ border-right: 0px; } #regular-nav li:hover{ background: #3F7988; } #regular-nav li:hover>a{ } #regular-nav ul li ul{ display: none; position: absolute; width: 200px; padding: 0px; left: 0px; text-align: left; background: #74B8C9; } #regular-nav ul li:hover ul{ display: block; } #regular-nav ul li ul li{ padding: 5px 10px; margin: 0px; display: block; width: 100%; font-size: 15px; line-height: 18px; box-sizing: border-box; -moz-box-sixing: border-box; border: none; } #regular-nav ul li ul li ul{ display: none !important; left: 200px; top: 0px; } #regular-nav ul li ul li:hover ul{ display: block !important; } #banner{ max-width:980px; width: 100%; box-sizing: border-box; border: 15px solid #FFF; box-shadow: 0px 0px 5px rgba(0,0,0,1); margin: 50px auto; position: relative; display: none;} #index #banner{ display: block; } #banner:before, #banner:after{ content: " "; display: block; position: absolute; bottom: -5px; background: #000; box-shadow: 0px 0px 10px 10px rgba(0,0,0,1); opacity: .6; z-index: -1; width: 100%; height: 50%; } #banner:before{ transform: rotate(2deg); } #banner:after{ transform: rotate(-2deg); } #banner img{ width: 100%; margin-bottom: -5px; }#callouts{ margin: 0 0 -115px 0; display: none;}#callouts em {display: block; font-style: inherit;} #index #callouts{ display: block; } #callouts .col, #theCalls .col{ width: 22%; margin: 0px 1%; box-sizing: border-box; box-shadow: 0px 0px 5px #000; text-align: center; display: block; } #theCalls .col{ float: none; width: 100%; } #theCalls{ margin-top: 30px; } #theCalls .col{ margin-bottom: 20px; height: 180px; overflow: hidden; position: relative; } #theCalls img{ margin-top: -35px; position: relative; z-index: 0; } #callouts .col img, #theCalls .col img{ box-shadow: 0px 0px 5px #000; margin-bottom: -2px; } #callouts .col span, #theCalls .col span{ background-color: #B6832C; color: #FFF; font-family: "Open Sans Condensed"; font-size: 20px; font-size: 700; width: 100%; display: block; box-shadow: 0px 0px 5px #000; padding: 5px 0px; } #theCalls .col span{ position: absolute; bottom: 0px; z-index: 10; }main{ padding: 50px 0px;}#index main{ background: linear-gradient(to bottom, rgba(70,111,121,1) 0%,rgba(123,187,204,1) 15%,rgba(255,255,255,1) 100%); padding: 150px 0; box-shadow: 0px 20px 20px rgba(0,0,0,0.3);}#content{ float: left; width: 69%;}#content a{font-weight:bold;} #index #content{ width: 100%; float: none; }#sidebar{ float: right; width: 28%; text-align: center;} #sidebar img{ width: 100%; } #index #sidebar{ position: absolute; width: 100%; }#services, .sidebar-callout{ border: 10px solid #FFF; background: #3A7077; box-shadow: 0px 0px 10px #000; margin-top: 30px; box-sizing: border-box; padding: 0px 20px 20px;} #index #services{ padding: 0px; } #index .sidebar-callout{ display: none; } #services .left, #services .right{ width: 25%; box-sizing: border-box; display: none; } #index #services .left, #index #services .right{ display: block; } #services .left{ border-right: 10px solid #FFF; } #services .right{ border-left: 10px solid #FFF; } #services>div, .sidebar-callout{ box-sizing: border-box; margin: 0px auto; } #index #services>div{ width: 50%; } #services .title, .sidebar-callout .title{ color: #FEFEFE; font-family: "Open Sans Condensed"; font-size: 24px; font-weight: 700; text-transform: uppercase; padding: 10px 0; letter-spacing: 1px; } #index #services .title{ font-size: 36px; } #services a, .sidebar-callout{ display: inline-block; width: 100%; margin: 1%; box-sizing: border-box; font-size: 20px; padding: 10px 0px; } #index #services a{ width: 46%; } #index #theCalls{ display: none; }#join{ margin-top: 200px; box-sizing: border-box; padding: 30px; background: #6FAFB9 url(assets/images/home03.png) no-repeat top right; background-size: auto 100%; margin-bottom: 70px; position: relative;} #join img{ position: absolute; right: -30px; top: -20%; } #join .title{ font-size: 32px; font-weight: 700; font-family: "Open Sans Condensed"; color: #FFF; } #join p{ color: #FFF; font-size: 15px; } #join .left{ width: 50%; box-sizing: border-box; padding-right: 50px; }footer{ color: #FFF; background: rgba(208,201,170,.8); box-shadow: inset 0px 20px 20px rgba(0,0,0,0.3); padding-top: 50px;} footer a{ color: #FFF; } footer .col{ background: #3E7988; float: none; display: inline-block; vertical-align: middle; width: 31%; margin: 0px 1%; min-height: 450px; box-sizing: border-box; padding: 20px; box-shadow: 1px 2px 2px rgba(0,0,0,.7);text-align: center; } footer .title{ color: #E1DCC1; font-family: "Open Sans Condensed"; font-size: 26px; font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 10px; } footer input, footer textarea{ border: none; display: block; box-sizing: border-box; width: 100%; background: #FFF; color: #000; font-family: "Open Sans Condensed"; font-size: 18px; font-weight: 300; height: 30px; line-height: 30px; margin-bottom: 5px; } footer textarea{ height: 100px; } footer ul{ margin: 0; padding: 0; list-style: none; } footer li{ margin: 0; padding: 0; box-sizing: border-box; font-family: "Open Sans Condensed"; font-weight: 300; } footer .address{ color: #FFF; font-family: "Open Sans Condensed"; font-size: 20px; font-weight: 300; } footer .phone{ color: #FFF; font-family: "Open Sans Condensed"; font-size: 32px; font-weight: 700; } .phone i{ display: inline-block; background: #000; border-radius: 4px; height: 30px; width: 30px; text-align: center; line-height: 30px; color: #3E7988; font-size: 27px; vertical-align: top; margin-right: 5px; } #socBtns a{ color: #3E7988; background: #FFF; border-radius: 4px; margin-right: 5px; font-size: 25px; display: inline-block; height: 30px; width: 30px; text-align: center; line-height: 30px; }.legal{ font-size: 10px; font-family: Helvetica, Arial, sans-serif; padding: 20px 0; text-align: center; color: #000;} .legal a{ color: #000; } #contact-us .left{ float: left; box-sizing: border-box; padding-right: 20px;}#specials #content img{ width: 100%; display: block; margin-bottom: 20px; box-shadow: 0px 10px 10px rgba(0,0,0,0.5);}.read-more-state { display: none;}.read-more-target,.read-more-target p,.read-more-target h1,.read-more-target h2,.read-more-target h3,.read-more-target h4,.read-more-target ul,.read-more-target li { opacity: 0; max-height: 0; transition: .25s ease;}.read-more-state:checked ~ .read-more-wrap .read-more-target,.read-more-state:checked ~ .read-more-wrap .read-more-target p,.read-more-state:checked ~ .read-more-wrap .read-more-target h1,.read-more-state:checked ~ .read-more-wrap .read-more-target h2,.read-more-state:checked ~ .read-more-wrap .read-more-target h3,.read-more-state:checked ~ .read-more-wrap .read-more-target h4,.read-more-state:checked ~ .read-more-wrap .read-more-target ul,.read-more-state:checked ~ .read-more-wrap .read-more-target li { opacity: 1; max-height: 999em;}.read-more-state ~ .read-more-trigger:before { content: 'Show more';}.read-more-state:checked ~ .read-more-trigger:before { content: 'Show less';}.read-more-trigger { cursor: pointer; display: inline-block; position: relative; z-index: 100;}.special-form-wrapper{ background: #EDEBDE; display: block; font-size: 16px; margin: 0 auto 20px; max-width: 571px; overflow: hidden;}.special-form-wrapper > div{ background: #3E7988; color: #fff; font: 1.2em/1 "Open Sans",sans-serif; margin-top: -12px; padding: .75em 0; text-align: center;}.special-form-wrapper > div a{ color: #fff; display: block; font: bold 2em/1.5 "Open Sans",sans-serif; text-transform: uppercase;}.special-form-wrapper form input,.special-form-wrapper form textarea,.special-form-wrapper form select{ background-color: white; border: 3px solid rgba(126, 126, 126, 0.42); border-radius: 10px; color: #2A3D4A; display: block; font: 300 1em/1 "Open Sans",sans-serif; margin: 15px auto; padding: 1.3em .5em; width: 90%;}.special-form-wrapper form input[type=submit]{ color: #fff; height: 67px; background: #3E7988; border: 3px solid rgba(0, 0, 0, 0.37); border-radius: 10px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.77); font: 1.3em/1 "Open Sans",sans-serif; padding: 0; white-space: normal; width: 237px;}/******celebration images******/.celebration { margin-top: 30px;}.celebration img { max-width: 100%; display: inline; width: 249px; vertical-align: middle; margin: 5px 5px; width: 46%;}@media (max-width: 1200px){ #address a, #address p {font-size: 18px;}}@media (min-width: 961px){body{ padding-top: 241px;}#index { padding-top: 190px;}header{ left: 0; position: fixed; right: 0; top: 0; z-index: 100;} header.scrolled, header, header #address, header #logo img, header #topInfo > div:last-of-type { -webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;}header.scrolled{ background: rgba(208, 201, 170, 1);}header.scrolled #address{ font-size: 18px; line-height: 1.5;}header.scrolled #logo img { }header.scrolled #topInfo > div:last-of-type{ }}@media screen and (max-width: 1060px){ #callouts em {display: inline;} #callouts .container {display: flex;} #callouts .col {display: flex; flex-flow: column; background-color: #B6832C;} #callouts .col span {margin: auto; background-color: transparent; box-shadow: none;} }@media screen and (max-width: 960px){ #services a, .sidebar-callout a { font-size: 2vw; } #join{ background: #6FAFB9; } #join .left{ float: none; width: 100%; padding-right: 0px; } #join img{ display: none; } #address a, #address p {font-size: 14px;}} @media screen and (max-width: 860px){ #topInfo{float:none;} #topInfo > div:nth-child(2) {display:none;} #logo{float:none; width:83%; margin:10px auto;} #topInfo a {background:none; padding:5px 0px; color: #000;}}@media screen and (max-width: 768px){ h1, #theH1{ font-size: 28px; } h2{ font-size: 25px; } p, #content li{ font-size: 16px; line-height: 20px; } #logo{ float: none; width: 90%; margin: 0px auto; display:none; } #logo.mobileLogo { display:block; margin:0 auto; text-align:center; } #logo.mobileLogo img { max-width:300px; } #address { flex-wrap:wrap; justify-content:space-evenly; padding:10px 0; } #address div:last-of-type { text-align:center; } .locate { order:-1; flex:1 1 100%; } #regular-nav, #callouts, #sidebar{ display: none; } #address{text-align:center;} #responsive-nav{ display: block; } #regular-nav a {padding:10px;} #regular-nav ul li ul li {padding:0;} #regular-nav.active{ display: block; } #regular-nav ul{ text-align: left; } #regular-nav li{ width: 100%; display: block; border: 1px solid rgba(255,255,255,0.5); height: auto; line-height: 1.2; float: left; padding: 0px; margin: 0px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } #regular-nav ul li ul, { display: none } #regular-nav ul li:hover ul { position:relative; width:100%; } #regular-nav ul li ul li:hover ul { display: block !important; position: relative; width: 100%; left: 0;} #regular-nav ul li ul li ul li a {background: #9aacbd;} #regular-nav li:last-child{ width: 100%; } #banner, #callouts, #join{ margin: 0px; } #join{ width: 100%; } #content{ float: none; width: 100%; } main{ width: 100%; margin: 0px; padding: 0px !important; } .container{ box-sizing: border-box; -moz-box-sizing: border-box; padding: 30px 0px; } header .container{ padding: 0px; width: 100%; } footer{ padding: 0px; } footer .col{display:block; max-width:460px; text-align:center; margin:20px auto; width:auto; min-height: 100%;}}@media screen and (max-width: 795px){ .celebration{margin:0 auto;text-align:center;}.celebration img { max-width: 100%; display: inline; vertical-align: middle; width: 350px; float: none; margin: 5px auto;}}@media screen and (max-width: 500px){ h1, #theH1{ font-size: 20px; } h2{ font-size: 16px; } h3{ font-size: 14px; } p, #content li{ font-size: 14px; line-height: 18px; } #logo{ float: none; margin: 0px auto; } .legal{ margin: 10px 0px; } .elem-left, .elem-right{ float: none; max-width: 100%; display: block; margin: 10px auto; } .left, .right{ float: none !important; width: 100% !important; } #callouts .container {display: inherit;} #callouts .col {display: inherit; background-color: transparent;} #callouts .col span {margin: unset; box-shadow: 0px 0px 5px #000; background-color: #B6832C;} #callouts .col, #theCalls .col { width: 100%; margin: 10px auto;} #address {flex-flow: row wrap}#address p { order: -1; margin: 0 0 5px 0; font-weight: 800;} }::-webkit-input-placeholder { color: #808080;}:-moz-placeholder { color: #808080; }::-moz-placeholder { color: #808080; }:-ms-input-placeholder { color: #808080; }@media (max-width:479px) { #address > div { max-width:50%; } #address > div.locate { max-width:100% !important; }}@media (max-width:427px) { .twoLocations img { width:30px; } .twoLocations { font-size:16px; } #address a, #address p { font-size:10px; }}@media (max-width:380px){ #topInfo a { font-size:18px;} }@media (max-width:325px) { .locationTitle { font-size:14px; }}#wisdom-teeth-removal #theH1, #crowns-bridges--veneers #theH1,#periodontal-cleaning #theH1, #dental-implants-in-san-antonio #theH1 { font-size: 13px; text-align: center; font-weight: 400; text-transform: uppercase; line-height: 1.8; letter-spacing: 2px; display: block; }#wisdom-teeth-removal #theH1 + h2, #crowns-bridges--veneers #theH1 + h2, #periodontal-cleaning #theH1 + h2, #dental-implants-in-san-antonio #theH1 + h2 { font-size: 46px; line-height: 1.2; text-align: center; font-weight: 300; margin: 0 auto; }@media screen and (max-width:750px) {#wisdom-teeth-removal #theH1, #crowns-bridges--veneers #theH1, #periodontal-cleaning #theH1, #dental-implants-in-san-antonio #theH1 { font-size: 30px; line-height: 1.2; }#wisdom-teeth-removal #theH1 + h2, #crowns-bridges--veneers #theH1 + h2, #periodontal-cleaning #theH1 + h2, #dental-implants-in-san-antonio #theH1 + h2 { font-size: 25px; line-height: 1.2; }}p, ul { font-size: 18px; line-height: 1.6; color: #232e3a;}*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased;}$font: "Oxygen", sans-serif;$font2: "Cardo", serif;$primary: #8aacc5;$secondary: #232e3a;$tertiary: #38434b;$text: #232e3a;;p, ul {font-size: 18px; line-height: 1.6; color: $text;}.accordion {margin: 40px auto; text-align: left; max-width: 1050px; .toogle {position: relative; cursor: pointer; clear: both; padding: 20px 55px 20px 20px; margin: 15px auto 0; background-color: #74B8C9; border-radius: 0 20px 20px 20px; color: white;font: 400 24px/1.1 $font2; &:after {content: '\e825'; font-family: fontello; color: #e9eff3;font-size: 45px; position: absolute; right: 15px; top: 17px; transition: .3s all; transform: rotate(90deg);} &.active:after { transform: none; } } > div p {margin-top: 22px; position: relative; } &:hover .toogle:not(:hover) {opacity: 0.7} &:hover .toogle.active {opacity: 1} > div {display:none; border-radius: 0 0 20px 20px; background-color: $primary; padding: 10px 45px 30px 25px; margin-top: -20px;} > div p + p {margin-top: 15px} > div ul {margin-bottom: 0}}@media (max-width:590px) { .accordion .toogle {font-size: 20px;} .accordion > div p {font-size: 16px; } .accordion > div {padding: 10px 25px 25px;}}