/* -- CSS RESET -- */
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600");
@import url("https://fonts.googleapis.com/css?family=Lora");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;    vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {  display: block; }
body {  line-height: 1; }
ol, ul {  list-style: none; }
blockquote, q {  quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {  content: '';  content: none; }
table {  border-collapse: collapse;  border-spacing: 0; }
* {  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-rendering: optimizeLegibility;  -moz-font-feature-settings: "liga" on;  margin: 0; }
img.alignright {  float: right; }
img.alignleft {  float: left; }
img.aligncenter {  clear: both;  display: block;  margin-right: auto;  margin-left: auto; }
body {  background-color: #FFFFFF;  border-style: none; }
body,p,a,a:hover {  color: #000000; }
a,a:hover {  text-decoration: none;  border: none;  border-style: none;  box-shadow: none; }
/* -- END CSS RESET -- */

/* -- START OF CSS -- */

/* FADE IN */
@-webkit-keyframes fadein {  from {    opacity: 0; }  to {    opacity: 1; } }
@keyframes fadein {  from {    opacity: 0; }  to {    opacity: 1; } }


/* GREEN : 82a43a */
/* GREY : new 696969    old: 848d96 */

html {background-color: #82a43a;}

/* LINKS */
a {  	color: #82a43a; 
	text-decoration:none;
	transition-duration: 0.5s;
	text-decoration: none;
	}
a:visited {  color: #82a43a; } 
a:hover {	text-decoration:none; color: #E8980C ;transition-duration: 1s; }   /*ORANGE */


/* TEXT COLOR */
p { color: #696969; }   

body {
  background-color: #82a43a;    /* GREEN */
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;  
  line-height: 20px; 
  letter-spacing: .25px;  
  color: #696969;     /* GREY */
  -webkit-animation: fadein 3s;  animation: fadein 3s; 
   }

.wholepage {  display: -webkit-box;  display: -ms-flexbox;  display: flex; }

/* MIDDLE */
.content {
    width: 60%;  
    display: -webkit-box;    display: -ms-flexbox; display: flex;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
    overflow: none;
  padding:0 20px 0 20px;
  background-color:  white;   }

/* RIGHT SIDE */
.rightside { width:20%;    }
/* LEFT SIDE */
.leftside {  width: 20%; }    
/* background-image: url("images/background.jpg");
    background-position: center center;
    background-size: cover; */



.verticallycentered {
      max-width: 640px;
      margin-top: auto;
      margin-bottom: auto;
      margin:60 0 60 0; }

/* VIRGINIA  */
.name {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;  
    text-transform: uppercase;
     font-size: 32px;   
     letter-spacing: 1px;
     color: #696969;
     float:left;
     margin:40px 0 10px 0;
     line-height: 30px; 
	}  
.pic {text-align:right;margin:40px 0 0px 0;}

/* PSYCHOANALYST */
.tagline {    font-size: 22px;  text-transform: none;}  

hr {margin-bottom: 5px;}


/* BIO */
.bio {  padding: 30px 0 0 0;   text-align:justify;}  


/* SECTION HEADERS */
.headers {
 font-size: 16px;
 text-decoration:underline;
 line-height:25px; }

/* COLUMNS FOR LINKS */
.linklists .columns {
  width: 100%;  /* changed from 30% for 3 columns */
  display: inline-block;
  }


/* LINKS LISTS */
 .linklists  ul li {  line-height: 22px; }  

/* PHONE+EMAIL */
.contact {
  font-family: 'Open Sans', sans-serif;
  margin-top:40px;
  margin-bottom:10px;
   font-size: 16px;   /* changed */
   letter-spacing: 1px;
}


/* COPYRIGHT */
.copyright { text-align:right; font-size: 12px;   opacity: 0.4;  line-height: 14px; }
.copyright div {float:right;}

/* SMALL SCREENS */
@media (max-width: 900px) {  
	 .wholepage { height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
	.wholepage .content .verticallycentered {padding: 30px; }
	verticallycentered {max-width:90%;}
	.content { width: 100%; }    /* MAKE CONTENT FULL WIDTH */
	.pic {text-align:left;}
	.name {font-size: 28px;float:none;}
	.tagline {    font-size: 20px;  }
  	.linklists .columns { width: 100%; }  /* REMOVE 3 COLUMNS */
}