@media all and (max-width: 1600px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1600px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1600px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1600px),
only screen and (min-resolution: 192dpi) and (max-width: 1600px),
only screen and (min-resolution: 2dppx) and (max-width: 1600px) {


#sociallinks{
	text-align: center;
    width: calc(100% + 20px);
    margin-left: -10px;
}
#sociallinks a{
    display: inline-block;
    padding: 0 4px;
    height: 39px;
    margin: 2px;
}
#notes {
    top: 50%;
    bottom: auto;
    left: 50px;
}
.csinner {
    width: 85%;
}
#csopeningright {
    padding-top: 42vw;
    padding-left: 6vw;
}
#cactus {
    width: calc(50px + 7.5vw);
}
#cs3 .csinner, #csjoin .csinner, #csconnect .csinner, #csaboutdirectory .csinner, #csfaq .csinner {
    width: 75%;
}
#cs6right {
    padding-right: 7.5%;
}
#footerinner {
    width: 75%;
}


.tdropcontentinner {
    width: 70%;
}
.tdroplabel {
    width: calc(11.5% - 2px);
}
#wvlabel .tdroplabel {
    left: calc(15% + 2px);
}
#phlabel .tdroplabel {
    left: calc(15% + 11.5% + 2px);
}
#evlabel .tdroplabel {
    left: calc(15% + (11.5% * 2) + 2px);
}
#nalabel .tdroplabel {
    left: calc(15% + (11.5% * 3) + 2px);
}
#calabel .tdroplabel {
    left: calc(15% + (11.5% * 4) + 2px);
}
#salabel .tdroplabel {
    left: calc(15% + (11.5% * 5) + 2px);
}

/* 
#csboard .csinner {
    min-height: calc(18vw + 300px);
}
 */
.boardname {
    font-size: 2em;
}
.boardtitle {
    font-size: 1.5em;
}
.boarddropleft p {
    font-size: 1.35em;
    line-height: 1.2em;
}

.csabouttext {
    width: 42.5%;
    margin: 0 auto 0 7.5%;
}
.csaboutrowreverse .csabouttext {
    margin: 0 7.5% 0 auto;
}
.csabouttext h1 {
    font-size: 2.75em;
}

#contact #notes{
    left: 4%;
    top: auto;
    bottom: 85px;
}
#contact #csopeningright, #join #csopeningright {
    padding-top: 65vw;
}
#events #csopeningleft #h1improve {
    font-size: 4vw;
}
#events #csopeningleft #h1onenote {
    font-size: 3.4vw;
}

.formdroplabel {
    font-size: 0.75em;
}
#join .formline {
    font-size: 1.5em;
}
.profsareascheckboxes {
	padding-left: 0.75em;
}
.profsareasitem {
    font-size: 1.3em;
}
.formleft p {
    font-size: 1.5em !important;
}
.formleft p:nth-of-type(3) {
    width: 130% !important;
    min-width: 130% !important;
}

#join.paymentpage .checkouttitle {
    font-size: 1.85em;
}
.checkoutprice {
    font-size: 5em;
}

}/* *******************END 1600px******************* */

@media all and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1300px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (min-resolution: 2dppx) and (max-width: 1300px) {

body {
    font-size: 1.2vw;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
.headerlogofixed {
    width: 6.8vw !important;
    height: 4vw !important;
    margin-left: 5.5vw !important;
}
#headerlogo {
    width: 200px;
}
#headerlogo img {
    width: 200px;
    margin-top: calc(16vw - 97px);
}

#headerlogo div {
    padding: 0.5vw 0 0.4vw 0;
    font-size: calc(10px + 0.35vw);
}
.csinner {
    width: 90%;
}
#csopeningleft {
    padding-top: 15vw;
}
#sociallinks a, #sociallinks a img {
    height: 3vw;
}
#cs2 .csblock {
    height: 25vw;
}
#cs3 .csinner, #csjoin .csinner, #csconnect .csinner, #csaboutdirectory .csinner, #csfaq .csinner {
    width: 80%;
}
#cs6left {
    height: 50vw;
}
#cs6right {
    padding-right: 5%;
    padding-left: 5%;
}
#footerinner {
    width: 85%;
    padding-top: 1.5vw;
}
.dropwrapper {
    width: 22%;
    margin: 0 1.5% !important;
}
#footer #footerlogo {
    margin-bottom: 12.5vw;
}

#csdirectory .csinner {
    padding: 4vw 0;
}
.tdropcontenttitle {
    padding: 2vw 0 5vw 0;
}
.tcard{
    width: calc(50% - 1%);
    margin-bottom: 2%;
}
.tcard:nth-of-type(odd){
    margin-right: 1%;
}
.tcard:nth-of-type(even){
    margin-left: 1%;
}

#about #csopeningleft {
    padding-top: 10vw;
}
#about #csopeningright {
    padding-top: 60vw;
}
#events #csopeningleft #calendar {
    width: 10em !important;
}
#events #calendar #month {
    top: 2.275em !important;
    font-size: 1.3em !important;
    letter-spacing: 0.1em !important;
}
#events #calendar #day {
    left: calc(50% + 0.05em) !important;
    top: 0.85em !important;
    letter-spacing: 0.1em !important;
    font-size: 5em !important;
}
#about #csopeningleft p {
    width: 82.5%;
}

#contact #csopeningright, #join #csopeningright {
    padding-top: 72vw;
}

#events #csopeningleft, #musictherapy #csopeningleft {
    padding-top: 10vw;
}
#cspastevents a {
    border: 3px solid white;
}

}/* *******************END 1300px******************* */
@media all and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

body {
    font-size: 1.75vw;
}
.csinner {
    width: 95%;
}

.instagram-media,
.facebookEmbed{
    margin: 1rem auto !important;
}

#cssmenu {
    width: 100%;
    position: fixed;
    padding-top: 0;
    cursor: pointer;
}
#cssmenu #menu-button{
	position: relative;
	display: block;
    font-size: 0;
    height: 60px;
}
#menutitle {
    display: block;
    position: absolute;
    top: 8px;
    left: 25px;
    /* -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); */
    font-size: 40px;
    color: #015672;
}
#menu-button:after, #menu-button:before{
    content: "";
    position: absolute;
    right: 25px;
    top: calc(50% + 9px);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 35px;
    height: 8px;
    border-bottom: 4px solid rgba(0,0,0,0.25);
    background: none;
}
#menu-button:before{
    top: calc(50% - 5px);
    border-top: 4px solid rgba(0,0,0,0.25);
}
#cssmenu a {
    padding: 2vh 0 1.75vh 0;
    margin: 0;
    font-size: 5vh;
    font-weight: 400;
}
#cssmenu li {
    display: block;
}

#headerlogo {
    width: 50% !important;
    height: auto !important;
    z-index: 9;
    position: relative !important;
    margin: 0 auto !important;
    margin-top: 150px !important;
    left: auto;
}
#headerlogo img, .headerlogoimgfixed {
    width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    padding: 0 !important;
}
#headerlogo div{
	display: none !important;
}

#csopening .csinner, #join #csopening .csinner {
    padding: 0 5%;
    text-align: center;
}
#csopeningleft, #events #csopeningleft, #musictherapy #csopeningleft {
    width: auto;
    display: block;
    text-align: center;
    padding-top: 90px;
}
#join #csopeningleft{
	text-align: left;
}
#join #csopeningleft > h1, #join #csopeningleft > p{
	text-align: center;
}
#h1onenote {
    margin-bottom: 40px;
}
#csopeningright {
    padding-top: 1vw !important;
    padding-left: 9vw;
    width: 100%;
    margin: 27.5vw auto 0 auto;
    background-image: none !important;
}
#csopeningright p {
    font-size: 1.5em;
}
#socialconnect {
    font-size: 1.4em;
}
#social {
    width: 100%;
    margin: 25px auto 0 -25px;
}
#sociallinks {
    width: 100%;
    margin: 1vw auto 0 auto;
}
#sociallinks a {
    height: auto;
}
#sociallinks a img {
    height: 7vw;
    margin: 0.25vw 1.25vw;
    padding: 0;
}
#cactus{
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
}
#notes{
    width: calc(100% - 2vw);
    top: 40%;
    left: 2vw;
}

#cs2 {
    padding: 50px 0;
}
#cs2 .csblock {
    height: auto;
    min-height: 50vw;
    box-shadow: 0px 0px 25px -12px black;
}
#cs2 .csblockinner {
    padding: 3vw;
    text-align: center;
}
#cs2 .csblock h1 {
    margin: 0 auto 25px 0;
    font-size: 2em;
}
#cs2 .csblock p {
    line-height: 1.25em;
    font-size: 1.5em;
}
#cs3 .csinner, #csjoin .csinner, #csconnect .csinner, #csaboutdirectory .csinner, #csfaq .csinner {
    width: 85%;
}
#cs3{
    padding: 15vw 0;
}
#cs3 .csinner {
    font-size: 0.8em;
}
#cs3left, #cs3right {
    vertical-align: middle;
}
#cs3 h1 {
    font-size: 3.6em;
}
#cs3 h2 {
    font-size: 2em;
}
#cs3left {
    width: calc(100% - 176px);
    padding-right: 25px;
}
#cs3right {
	width: 150px;
}
#calendar {
	width: 100%;
}
#calendar #month {
    top: 45px;
    font-size: 18px;
}
#calendar #day {
    left: calc(50% + 2px);
    top: 60px;
    letter-spacing: 4px;
    font-size: 85px;
}
#cs3right .button {
    width: 100%;
    max-width: 170px;
    padding: 7px 0 6px 0;
    font-size: 24px;
}
#csjoin .csinner {
    padding: 5vw 0 5vw 0;
}
#csconnect h1 {
    font-size: 2.3em;
}
#cs6left {
    height: 55vw;
}
#cs6right {
    padding: 0 2%;
}
#cs6right img {
    width: 50%;
}
#cs6right p {
    margin: 1.5em 0;
    margin: 0 0 1vw 0;
}

#footer{
    background-size: contain;
}
#footerinner {
    width: 95%;
}
#dropboxesouter {
    text-align: center;
}
.dropwrapper {
    text-align: left;
    width: 44%;
    margin: 1% !important;
    padding: 1.5% 1.5%;
    box-shadow: 0px 0px 4px 0px black;
    background: rgba(243, 228, 185, 0.5);
}
#footer h1 {
    font-size: 1.7em;
}
#footer a {
    font-size: 1.5em;
    padding: 0.5vw 0;
    text-decoration: underline;
}
#footer #footerlogo {
    margin-bottom: 5vw;
    width: 50%;
    padding: 0;
}
#footerlogo img {
    width: 100%;
}
#footer #copyright a{
	text-decoration: none;
    padding: 2vw 3vw;
}

#csdirectory .csinner {
    margin-top: 20vw;
}
.tdroplabel {
    top: -6vw;
    width: 18%;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 2.25vw 2vw;
    border-radius: 0px 1vw 1vw 0px;
    padding-left: 7vw;
    font-size: 2em;
}
#wvlabel .tdroplabel {
    left: 0;
}
#phlabel .tdroplabel {
    left: 12.5vw;
}
#evlabel .tdroplabel {
    left: 25vw;
}
#nalabel .tdroplabel {
    left: 37.5vw;
}
#calabel .tdroplabel {
    left: 50vw;
}
#salabel .tdroplabel {
    left: 62.5vw;
}
.tdropcontentinner {
    width: 95%;
}

.tcardleft, .tcardright {
    vertical-align: bottom;
}
.tcardright {
    margin-top: 0;
}
.tcardpopimg {
    max-width: 100%;
    max-height: 27vw;
}

#about #csopeningleft{
    padding-top: 90px;
}
#about #csopeningright {
    padding-top: 1vw;
}
#about #csopeningleft p {
    width: 100%;
}

#csabout{
    background: #e0ded2;
}
.csaboutrow {
    margin: 2em 0;
    box-shadow: 0px 0px 0.75em 0 black;
    background: #e9fffd;
}
/*.csaboutrowreverse {
    background: #fbeee5;
}
.csaboutrow:nth-child(3) {
    background: #fffde6;
}*/
#boarddrops {
    font-size: 0.8em;
}
.csabouttext {
    width: 60%;
    margin: 0 auto !important;
    padding: 1em 2em !important;
}
.csaboutimg {
    width: 40%;
}
#about .csaboutrow:nth-child(3) .csaboutimg {
	background-position: center center;
    background-size: 75% auto;
}

#csopeningleft p, #contactformcontent, #mailbox {
    margin: 0 auto;
}
#csopeningleft p {
    font-size: 2em;
}
#events #csopeningleft .note{
	font-size: 1.5em;
	margin-bottom: 0;
}
#events #csopeningright{
	margin-top: 10vw;
}

#mailbox {
    margin-top: 3em;
    font-size: 0.5em;
    text-align: center;
    box-sizing: border-box;
}
#mailboxright{
    text-align: left;
}
#mailboxright p{
    display: inline-block;
}
#contact #csopeningright, #join #csopeningright {
    padding-top: 14vw;
    margin-top: 3em;
}
#join.paymentpage #csopeningright {
    margin-top: 9em;
}
#join.thankyoupage #csopeningright {
    margin-top: 15em;
}
#contact #notes {
    left: 2%;
    top: 30%;
    bottom: auto;
}

#events #csopeningleft h1, #events #csopeningleft p {
    text-align: left;
    padding: 0.1em 0.2em;
    margin: 0 auto;
}
#events #csopeningleft #h1improve {
    font-size: 1.9em;
}
#events #csopeningleft #h1onenote {
    font-size: 1.25em;
}
#events #csopeningleft #calendar {
    font-size: 0.975em;
    margin: 0 1em 1em 1em;
}
#events #notes {
    bottom: 33vw;
}

#musictherapy #csopeningleft {
    max-width: 100%;
}
#musictherapy #csopeningleft ul {
    width: 85%;
    margin: 0 auto;
    text-align: left;
}
#musictherapy #csopeningright {
    background-image: none;
    padding-top: 0;
    margin: 10vw auto 0 auto;
}
#csutility .csutilityblock {
    min-height: 26em;
    text-align: left;
}

#csutility img {
    width: 35%;
    display: inline;
    float: left;
    margin: 0 1em 0.5em 0;
}
#csutility p {
    display: inline;
    width: 100%;
    padding-left: 0;
    font-size: 1.75em;
    line-height: 1em;
}

#join #csopeningleft p {
    width: auto;
    margin: 0 auto 0.3em auto;
}
#profileuploadlabel{
    font-size: 1.75em;
}
.formleft, .formright {
    width: 60%;
}
.formright {
    width: 40%;
}
.forminputsplit .forminformation{
	right: 20%;
}
.forminputsplit3 .formleft {
    width: 65%;
}
.forminputsplit3 .formright {
    width: 35%;
}
.forminputsplit3 .forminformation{
	right: 17.5%;
}
#profbio + p {
    font-size: 1.85em !important;
    text-align: center !important;
}
.formcheckboxes{
	text-align: center !important;
	margin-bottom: 1em !important;
}
.formleft p {
    font-size: 1.75em !important;
}

#join.thankyoupage #csopeningleft{
	text-align: center;
}
#join.thankyoupage #csopeningleft #joinopeninglastp{
	margin-bottom: 1em;
}

}/* *******************END 1024px******************* */
@media all and (max-width: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 700px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 700px),
only screen and (min-resolution: 192dpi) and (max-width: 700px),
only screen and (min-resolution: 2dppx) and (max-width: 700px) {

body {
    font-size: 2.5vw;
}

#headerlogo {
    margin-top: calc(60px + 20vw) !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
#csopening .csinner {
    padding: 0 !important;
}
#csopeningleft {
    padding-top: 10vw;
}
#csopeningleft h1 {
    font-size: 2em;
}
#csopeningright {
    padding: 0 2vw 2vw 2vw;
}
#social {
    width: 100%;
    margin: 0 auto;
}
#cactus {
    width: 13vw;
    left: 3%;
}
#cs2 {
    padding: 50px 0;
}
#cs2 .csblock {
    height: auto;
    width: 100%;
    min-height: 0;
    margin: 1.5vw 0;
    box-shadow: 0px 0px 25px -12px black;
}
#cs2 .csblockinner {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%;
    padding: 5vw;
    text-align: center;
}
#cs2 .csblock h1 {
    margin: 0 auto;
    font-size: 2.5em;
}
#cs2 .csblock p {
    line-height: 1.25em;
    font-size: 1.75em;
    margin: 3vw auto;
}
#cs2 .csblock .button {
    margin: 0 auto;
    padding: 1vw 3vw 0.7vw 3vw;
}
#cs3 .csinner, #csjoin .csinner, #csconnect .csinner, #csaboutdirectory .csinner, #csfaq .csinner {
    width: 95%;
}
#cs3left {
    width: 100%;
    padding: 0;
    text-align: center;
}
#cs3right {
    width: 100%;
}
#calendar {
    width: 150px;
    margin-top: 1vw;
}
#csjoin .csblock {
    padding: 5vw;
}
#csjoin p {
    margin: 0 auto 3vw auto;
}
#csjoin .button {
    padding: 1.2vw 2vw 1vw 2vw;
    display: block;
    width: 55%;
    text-align: center;
    margin: 0 auto;
}
#csconnect .csinner {
    padding: 5vw 3vw;
}
#csconnectleft, #csconnectright {
    width: 100%;
    padding: 0 !important;
}
#csconnect #email {
    padding: 2vw 10vw 1.7vw 2vw;
    margin: 5px 0;
    font-size: 2em;
}
#csconnect #submit {
    right: 1vw;
    padding: 1vw 2vw 0.7vw 2vw;
    font-size: 2.2em;
}
#csconnectright p {
    margin: 3vw auto 0px auto;
}
#cs6left {
    height: 60vw;
    width: 100%;
}
#cs6right {
    padding: 4vw 2vw;
    width: 100%;
}
#cs6right p {
    font-size: 2em;
    margin: 0 0 2vw 0;
}
#cs6right .button {
    padding: 2vw 4vw 1.7vw 4vw;
}

#footerinner {
    width: 100%;
}
.dropwrapper {
    text-align: center;
    width: 100%;
    margin: 2vw auto !important;
    padding: 0;
    box-shadow: none;
}
#footer h1 {
    font-size: 2.6em;
    padding: 4vw 0 3.5vw 0;
    margin: 0;
    background: #015672;
    color: white;
    box-shadow: 0px 0px 2vw 0 white;
}
.dropcontainer{
	max-height: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	-webkit-transition: padding .25s ease, padding-top 0s ease, max-height .25s ease !important;
	-moz-transition: padding .25s ease, padding-top 0s ease, max-height .25s ease !important;
	-o-transition: padding .25s ease, padding-top 0s ease, max-height .25s ease !important;
	transition: padding .25s ease, padding-top 0s ease, max-height .25s ease !important;
	-webkit-transition-delay: 0s, .25s, 0s !important;
	-moz-transition-delay: 0s, .25s, 0s !important;
	-o-transition-delay: 0s, .25s, 0s !important;
	transition-delay: 0s, .25s, 0s !important;
    box-shadow: 0px 1vw 3.5vw -1vw black;
    background: white;
}
.dropcheckbox:checked ~ .dropcontainer{
	max-height: 500px;
    padding: 2vw 0;
	-webkit-transition-delay: 0s, .0s, 0s !important;
	-moz-transition-delay: 0s, .0s, 0s !important;
	-o-transition-delay: 0s, .0s, 0s !important;
	transition-delay: 0s, .0s, 0s !important;
}
#footer a {
    font-size: 3em;
    padding: 1.5vw 0;
    text-decoration: none;
}
#footer #footerlogo {
    margin: 5vw auto 1vw auto;
}
#footer #copyright a {
    font-size: 1.75em;
}

#csdirectory .csinner {
    margin-top: 30vw;
}
.tdropcontentinner {
    width: 100%;
}
.tdroplabel {
    width: 25%;
    -webkit-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg);
    top: -10vw;
    padding: 2.5vw 2vw;
    padding-left: 7vw;
}
#wvlabel .tdroplabel {
    left: -3vw;
}
#phlabel .tdroplabel {
    left: 10.5vw;
}
#evlabel .tdroplabel {
    left: 24vw;
}
#nalabel .tdroplabel {
    left: 37.5vw;
}
#calabel .tdroplabel {
    left: 51vw;
}
#salabel .tdroplabel {
    left: 64.5vw;
}
.tdropcontenttitle{
	text-align: center;
}
.tcard {
    position: relative;
    width: 100% !important;
    margin: 1.5vw auto !important;
    padding-left: 30vw;
    font-size: 1.2em;
    min-height: 27vw;
}
.tcardtitle {
    border-bottom: 2px solid #c95627;
    width: auto;
    display: inline-block;
}
.tcardleft {
    width: 100%;
}
.tcardcert {
    margin: 1vw auto 3vw auto;
}
.tcardareatitle, .tcardareas {
    width: 70%;
    margin: 0;
    float: left;
}

.tcardlink {
    position: absolute;
    bottom: 3vw;
    right: 3vw;
    margin-top: 0;
    padding: 0.3em 0.7em 0.2em 0.7em;
    font-size: 0.9em;
}
.tcardright{
	position: absolute;
    left: 3vw;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
    width: 24vw;
	box-sizing: border-box;
	height: auto;
	margin: 0;
    max-width: none;
}

.tcardpoptop {
    display: flex;
    flex-direction: column-reverse;
    font-size: 1.75em;
}
.tcardpopleft, .tcardpopright {
    width: 100% !important;
}
.tcardpopleft {
    margin-top: 1em;
}
.tcardpopright {
    position: relative;
    text-align: center;
    /*display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;*/
}
.tcardpoplinks{
	display: block;
}
.tcardpoplinks a{
    width: 10vw;
    height: 10vw;
    min-width: 30px;
    min-height: 30px;
    max-width: 50px;
    max-height: 50px;
    /*margin: 1em;
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    margin: 0 15px;
    font-size: 0;*/
}
/*a.tcardpopwebsite{
	order: 1;
    flex: 0.3;
}
a.tcardpopfacebook{
	order: 3;
    flex: 0.3;
    right: 15%;
    left: auto;
}*/
a.tcardpopwebsite img, a.tcardpopfacebook img, a.tcardpoplinkedin img{
    /*width: 30%;*/
    width: 100%;
	height: auto;
}
.tcardpopimg {
    margin: 0;
	display: inline-block;
    width: 50vw;
    height: 45vw;
    max-height: none;
    /*width: 30vw;
    height: 25vw;
    order: 2;
    flex: 0.3;*/
}
.tcardpop.noimg .tcardpopright {
    /*display: block;*/
    text-align: center;
}
/*.tcardpop.noimg .tcardpoptop{
	display: block;
}*/
/*.tcardpop.noimg a.tcardpopwebsite, .tcardpop.noimg a.tcardpopfacebook, .tcardpop.noimg a.tcardpoplinkedin{
	margin: 0;
    width: 10vw;
}*/
.tcardpoptop h1, p.tcardpopcert, p.tcardpopbusiness, p.tcardpopphone, p.tcardpopemail {
    text-align: center;
}
p.tcardpopphone .tcardpopinfotitle, p.tcardpopemail .tcardpopinfotitle {
	display: none;
}
p.tcardpopregions .tcardpopinfotitle, p.tcardpoppayments .tcardpopinfotitle{
	display: block;
}
.tcardpopcredscomma{
	display: none;
}
.tcardpopcreds {
    display: block;
    font-size: 0.6em;
}
p.tcardpopphone, p.tcardpopemail {
    margin-left: 0 !important;
    display: block;
}
.tcardpopleft h3 ~ p:not(.tcardpopregions) {
    margin-top: 1em;
}
.tcardpopleft h3 ~ p:not(.tcardpopregions) a{
	display: inline;
}
.tcardpop.noimg a.tcardpopwebsite img, .tcardpop.noimg a.tcardpopfacebook img {
    width: 100%;
    height: auto;
}

#about #notes {
    top: 60%;
}
#about #csopeningleft {
    padding-top: 10vw;
}
#about #h1improve{
	margin: 0 auto;
}
#about #csopeningleft p, #about #csopeningleft a {
    font-size: 2.25em;
}
#about #csopeningleft p {
    width: 95%;
    margin: 0 auto 8vw auto;
}
#about #csopeningleft a {
    margin-top: 0;
    padding: 0 0.2em;
    border-radius: 1em;
}
#about #csopeningright {
    padding: 2vw 0;
    margin-top: 6vw;
}

#csboard .csinner {
    min-height: 60vw;
    width: 100%;
    margin-bottom: 3em;
    padding-bottom: 0;
}
#boardh1 {
    font-size: 2.75em;
}

#boarddrops {
    font-size: 1em;
}
.boarddroplabelouter {
    width: 49%;
    margin: 0.5% !important;
}
.boardlabel {
	position: absolute;
    margin-top: 0;
    top: auto;
    bottom: 0;
    border-radius: 0 0 0.5em 0.5em;
}
.boardname {
    font-size: 2.5em;
    line-height: 0.9em;
    font-weight: 400;
}
.boardcert {
    font-size: 1.6em;
}
.boardtitle {
    font-size: 1.75em;
    margin-top: 0.35em !important;
}
.boardemail {
    display: none;
}
.boarddropleft, .boarddropright {
    width: 100%;
    font-size: 1.15em;
}
.boarddropleft p {
    font-size: 1.6em;
    line-height: 1.1em;
}
.boarddropright{
    margin-top: 1.5em;
}
.boarddropright img{
    width: 50%;
}
.boarddroptitle{
    font-size: 2.75em;
    margin: 0;
}
.boarddropemail {
    font-size: 2.25em;
    margin: 3.5vw auto 6vw auto;
}
.boardprofilelink {
    padding: 0.5em 2em 0.35em 2em;
    font-size: 2em;
    border-radius: 0.25em;
}
.boarddropcontent.dropchecked {
    margin-bottom: 0;
    margin-top: 0 !important;
}

.csaboutrow{
    text-align: center;
    box-shadow: 0px 0px 0.85em 0.15em black;
	margin: 2em auto;
    font-size: 1.75em;
}
.csaboutrow:nth-child(1){
	margin-top: 0;
}
.csaboutrow:nth-last-child(1){
	margin-bottom: 0;
}
.csaboutrow:not(.csaboutrowreverse){
	display: flex;
	flex-direction: column-reverse;
}
.csaboutrow > div{
	display: block;
}
.csabouttext, .csaboutimg {
    width: 100%;
}
.csabouttext{
    padding: 2em 1em !important;
}
.csabouttext h1 {
    font-size: 1.8em;
    line-height: 1em;
    text-shadow: 0px 0px 1px #015672, 0px 0px 1px #015672, 0px 0px 1px #015672;
    font-weight: 400;
}
.csabouttext p.bold {
    margin: 0.4em auto 0 auto;
}
.csabouttext .button {
    font-size: 1.75em;
    max-width: none;
}
.csaboutimg {
    height: 15em !important;
}
#about .csaboutrow:nth-child(3) .csaboutimg{
	background-size: auto 75%;
}
.csabouttext ul {
    display: inline-block;
    text-align: left;
    padding-left: 0;
    margin-top: 0.25em;
}
#csaboutdirectory .csinner {
    padding: 15vw 0;
}
#csaboutdirectory h1 {
    font-size: 2.5em;
}
#csaboutdirectory p {
    font-size: 2em;
    margin-top: 1.25em;
}
#csaboutdirectory .button {
    padding: 0.2em 0.2em 0.15em 0.2em;
    display: block;
    width: 75%;
    text-align: center;
    margin: 0 auto;
    font-size: 2.5em;
}


#contactformcontent {
    width: 95%;
}
.formline {
    font-size: 2.5em;
}
.formsubmit {
    margin-top: 0.5em;
    font-size: 2.75em;
}
#mailbox {
    margin-top: 5em;
}
.formsubmitwrapper {
    float: none;
    display: block;
}
#csboard .tcardpopwebsite, #csboard .tcardpopfacebook {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: auto;
    font-size: 1em;
}
#csboard .tcardpopwebsite img, #csboard .tcardpopfacebook img {
	margin-top: 2%;
	margin-bottom: 2%;
}
#csboard .tcardpopwebsite + .tcardpopfacebook img {
	margin-left: 20%;
}
#csboard .tcardpopbusiness, #csboard .tcardpopphone, #csboard .tcardpopemail{
	margin-bottom: 0;
}
#csboard .tcardpoplast{
	margin-bottom: 0.5em;
}

#csopeningleft, #events #csopeningleft, #musictherapy #csopeningleft {
    padding: 0 1em;
}
#join #csopeningleft{
    padding: 0 0.5em;
}
#events #csopeningleft h1, #events #csopeningleft p {
    text-align: center;
    margin: 0 auto;
    padding: 0.25em 0;
}
#events #csopeningleft h1{
	margin-top: 15vw;
}
#events #csopeningleft p {
    text-align: left;
}
#events #csopeningleft #h1improve {
    font-size: 1.6em;
    line-height: 0.9em;
    margin: 0 auto;
}
#events #csopeningleft #h1onenote {
    font-size: 1.25em;
    line-height: 0.9em;
    margin-top: 0.4em;
    border-bottom: 0.13em solid #3ea690;
}
#events #csopeningleft #calendar {
    font-size: 1.3em;
    margin: 0;
}
#events #csopeningleft .button {
    font-size: 2.5em;
    padding: 0.5em 1.5em;
}
#events #notes {
    bottom: 45vw;
}
#events #csopeningright {
    margin-top: 15vw;
}
#cspastevents .csinner {
    width: 100%;
    padding: 0 0 5% 0;
}
#cspastevents h1 {
    font-size: 2.8em;
}
#cspastevents a {
    width: 47%;
    margin: 1.5%;
}

#musictherapy #csopeningleft {
    margin-top: 20vw;
}
#musictherapy #csopeningleft h1 {
    font-size: 3em;
    line-height: 1em;
    margin: 1.5em auto;
}
#musictherapy #h1improve {
    font-size: 1.4em;
}
#musictherapy #h1goals span {
    font-size: 1.25em;
    line-height: 1em;
    text-shadow: 0px 0px 1px #cc5500, 0px 0px 1px #cc5500;
}
#musictherapy #h1goals + h1{
    margin: 0.5em auto;
    text-align: left;
}
#musictherapy #csopeningleft p {
    font-size: 2.5em;
    line-height: 1em;
}
#musictherapy #csopeningleft #h1goals {
    margin: 1em auto 0 auto;
}
#musictherapy #csopeningleft ul {
	text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-left: 11vw;
    box-sizing: border-box;
}
#musictherapy #csopeningleft li {
    width: 100%;
    text-align: left;
    font-size: 1.5em;
}
#musictherapy #csopeningleft li img {
    height: 5vw;
}
#musictherapy #csopeningleft li span {
    padding-left: 0.25em;
}
#musictherapy #csopeningright {
    padding-top: 2vw;
}
#csutility {
    padding-bottom: 1em;
}
#csutility h1 {
    line-height: 1.25em;
}
#csutility p {
    font-size: 2em;
}
#csutility .csutilityblock {
    width: 100%;
    margin: 1.5% 0;
    min-height: 0;
    text-align: left;
}
#musictherapy .csabouttext p {
    font-size: 1.5em;
    line-height: 1em;
}
#csfaq .csinner {
    padding: 4em 0;
}

#csfaq h1 {
    font-size: 3em;
    text-align: center;
}
.faqdropcontent {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.faqchecked .faqdropcontent {
    max-height: none;
}
.faqdroplabelleft, .faqdroplabelright {
    height: 2em;
}
.faqdroplabelleft{
    height: 2em;
    line-height: 2em;
}
.faqdroplabeltitle {
    font-size: 0.75em;
    line-height: 0.8em;
}

.faqdropcontentright p, .faqdropcontentright ol, .faqdropcontentright ul {
    font-size: 0.75em;
    line-height: 1em;
}

#join #csopeningleft > h1 {
    margin-bottom: 1em;
}
#join.paymentpage #csopeningleft > h1 {
    line-height: 2em;
    font-size: 1.75em;
}
#join #csopeningleft > p {
    line-height: 1em !important;
}
.joinbenefit {
    text-align: left !important;
    width: 75% !important;
    margin: 0.75em auto !important;
}
.formdroplabel {
    width: 49.5%;
    margin: 0 0.5% 0 0;
}
#studentlabel {
    margin: 0 0 0 0.5%;
}
.formtitle {
    font-size: 3.2em;
    line-height: 0.9em;
    font-weight: 400;
}
#student:checked ~ #studentdrop, #professional:checked ~ #professionaldrop {
    padding: 0.5em 1em 1.25em 1em;
}
.formleft, .formright {
    width: 100% !important;
}
.formleft {
    margin-top: 5.25em;
    padding: 0;
}
.formleft p {
    font-size: 2.25em !important;
}
.formleft p:nth-of-type(3){
	max-width: 100% !important;
	width: 100% !important;
	min-width: 100% !important;
}
.formtitlebar{
    font-size: 2.75em !important;
    font-weight: 400;
}
.profsareascheckboxes {
    padding: 1.5em 0.5em;
}
.profsareasitem {
    font-size: 2em;
    width: 40%;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.profsareastext{
    text-shadow: none !important;
}
.forminputsplit3 .formleft {
    margin-top: 2em;
    text-align: center;
}
.forminputsplit3 .formleft p {
    margin-top: 0.5em !important;
}
#join #csopeningleft p.formnote {
    font-size: 1.275em !important;
    margin-top: 0 !important;
}
#join .formline {
    font-size: 2em;
}
#join .formleft .formline:nth-last-of-type(1){
	margin-bottom: 0;
}
.forminputsplit .forminformation {
    top: 0.25em;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    right: 50% !important;
    -webkit-transform: translate(50%, 0) !important;
    -ms-transform: translate(50%, 0) !important;
    transform: translate(50%, 0) !important;
    font-size: 1.85em !important;
}
#profbio + p {
    font-size: 2.25em !important;
    margin-bottom: 0.25em !important;
}
#join #csopeningleft p#profileuploadtext {
    display: block;
    font-size: 2.25em !important;
    text-align: center;
}
#profileuploadlabel{
    font-size: 2em !important;
    display: block;
    width: 3em;
    text-align: center;
    margin-bottom: 1.5em !important;
}
.formcheckboxes {
    width: 90% !important;
}
.formpaymenttext {
    padding: 0.5em 0.5em 0.5em 1.65em;
    box-sizing: border-box;
    text-align: left;
    line-height: 1em;
    vertical-align: middle;
    font-size: 0.9em;
}

#join.paymentpage .checkouttitle {
    font-size: 1.5em;
}
.checkoutinner input {
    max-width: 100%;
}
.checkoutinner form img {
    max-width: 90%;
}
#join.paymentpage #notes {
    top: 33%;
}

.dropcheckboxlabel{
    cursor: pointer;
}

}/* *******************END 700px******************* */