body, html {height: 100%; margin: 0; font-family: Verdana, Helvetica,  sans-serif; font-size:small;}


/* Lake image by skeeze on Pixabay */
/* For laptops / tablets */

.hero-image {
  background-image: url("images/sean_delaney_psychotherapy.jpg"); height: 100%; background-position: center;
  background-repeat: no-repeat; background-size: cover; position: relative;}



/* For mobile devices */
@media only screen and (min-device-width: 750px) 
{ .hero-image {
  background-image: url("images/sean_delaney_psychotherapy.jpg"); height: 100%; background-position: center;
  background-repeat: no-repeat; background-size: cover; position: relative;} }



.hero-text {text-align: left; position: absolute; top: 57%; left: 40%; 
            transform: translate(-50%, -50%); color: white; letter-spacing:2px; font-family:"Helvetica";}

.hero-text button {border: none; outline: 0; display: inline-block;padding: 10px 25px;
                   color: white; background-color: #009ee3; text-align: center; cursor: pointer; 
                   border-radius: 12px; }

.hero-text button:hover {background-color: #555; color: #009ee3;}


.subheading {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing:2px; 
             padding: 50px 5px 0px 5px; color:grey;}



a {font-weight:bold; text-transform:uppercase; font-size:12px; letter-spacing:1px; font-weight:700; }
// isn't working  a.hover {color:red;}



/*
.intro-text {position: relative; padding-top: 150px; padding-right: 0; padding-left: 0; padding-bottom: 170px; }
.intro-text H1 {font-size: 60px; text-transform: uppercase; color: #fff;}
.intro-text H3 {font-size: 20px; text-transform: uppercase; color: #fff;}
.intro-text H4 {font-size: 15px; color: #fff;}
*/

.about {color: white; text-align: justify; text-justify:inter-word; padding:2px;}

#nav1 { background-color: grey; opacity: 1.0; filter:(opacity=100); }

// #nav1 { background-color: grey; opacity: 0.5; filter:(opacity=50); }