body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: 300; text-align: center; background-color: #f1e9e1; margin: 0px;}
.bigcheese{margin: 19px 5% 0% 5%;}
#psychotherapist {font-size: xx-large;font-family: Rosarivo, Georgia, "Times New Roman", Times, serif;}
#quals {font-size: large;font-family: Rosarivo, Georgia, "Times New Roman", Times, serif;}
#name {width: 100%; height: auto; border-radius: 0px; max-width: 900px;}
#latin {font-family: 'Rosarivo'; color: #dcc; font-size: large;}
.psychologist {width: 100%; position: relative; text-align: center;}
.giac {position: absolute; top: 59%; left: 50%; transform: translate(-50%, -50%); font-family: 'Raleway'; font-size: 6vw; color: white; font-weight: normal; text-shadow: 1px 0px #111;}
.menu {text-align: center; margin-top: 5%; margin-bottom: 5%}
.menu::after {content: ""; clear: both; display: table; position: relative;}
* {box-sizing: border-box;}
.header {background-color: transparent; text-align: center; padding: 0px; height: auto; width: 100%;}
.therapy { background-color:transparent; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 0px; margin: 0px; padding: 0px; border: 1px solid #999;}
img {height: 100%; width: 100%; border-radius: 50%;}
.square {display: inline; float: left; width: 100%; height: auto; padding: 1%; position: relative; cursor: zoom-in; transition: opacity 0.5s; -webkit-transform: opacity 0.5s; -ms-transform: opacity 0.5s; }
.square:hover  {opacity: 0.6;}
.square:hover .overlay {opacity: 1;}
.tinysquare {width: 33.33%; display: inline; float: left; padding: 1%; position: relative;
border-radius:50%; cursor: zoom-in; transition: opacity 0.5s; -webkit-transform: opacity 0.5s; -ms-transform: opacity 0.5s;}
.tinysquare:hover  {opacity: 0.6;}
.tinysquare .tinytext {font-family: 'Cinzel'; font-size: 2.2vw; color: black;}   
.tinysquare:hover .overlay {opacity: 1;}
.tinysquare:hover .tinytext {text-decoration: underline;}
.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.8; transition: .5s ease; margin: 30px 0px 15px 15px; background-color: transparent;}
.text {font-family: Rosarivo, Georgia; color: white; font-size: 23px; font-weight: bold; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: -39px; text-align: center;}
.copy-words {position: relative; background-color: rgba(203,203,203,0.8); top: 0%;  width: auto; text-align: left; margin: 0% 9% 0% 9%; padding: 9%; color: black; font-family: 'Rosarivo', Times, serif; font-size: large;}
.copy-words a {position: relative; border: 0px; color: #00d; text-decoration: underline;
  width: 100%; text-align: left; padding: 0; transition: 0.3s;}
.copy-words a:hover {font-size: 1.1em; color: blue; transition: 0.3s;}
.footer {padding: 20px; margin: 0px; text-align: center; background: #333; display: block;}
.footer img {border-radius: 0px;}
.h4 {font-style: normal; font-weight: bold; color: white; padding: 15px;}
p {text-align: left; color: black; font-size: 19px; padding: 3% 9% 9% 0%; margin: 0%; text-decoration: none;}
p a { text-decoration: none;}
a {text-decoration: none;}
.navigator {border: 1px solid #555; border-radius: 9%; padding: 3%; margin: 3% 0% 13% 0%; display: block; float: left;}
@media screen and (max-height: 450px) {.copy a {font-size: 20px}}
@media screen and (min-width: 601px) {.square {width: 50%}}
@media screen and (min-width: 992px) {
.overlay  {opacity: 0;}
.tinysquare {width: 16.66%;}
.square {width: 33.33%;} 
.psychologist {background-image: url('psychotherapy/psychotherapy.jpg'); height: 59vh; width:100%;  background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-size: cover;} #psychoanalytic {display: none;}}