/*This is the master section...these settings will apply to mobile screens and all others where overrides are not specified*/

html {
  height: 100%;
  width: 100%;
  
}

body {
    background-color: beige;  
	
}

h1 {
  color: #292827;
  font-family: helvetica, sans-serif;
  position: relative;
  font-size: 4.0vh;
  left: 2vw;
  top: 3.5vh;
  width: 90vw;
  display: block;
  /*border: solid black;*/
  text-align: center;
 }
 
 
 main {
  position: relative;	
  height: auto;
  top: 0vh;
  font-family: tahoma, sans-serif;
  color: #292827;
  border: none;  
}
 
 .main-site h2{
  position: relative;
  font-size: 5vw;
  text-align: left;  
 }
#byline{
	font-size: 3vw;
}

#section-home-synopsis{
    position: relative;
	top: -5vh;
}

#section-about-synopsis{
	position: relative;
	top: -7vh;
}

#img-lee-index {
  position: relative;
  top: -10vh;
  left: 12vw;
  width: 70%;
  height: auto;
}

#img-lee-about{
	position: relative;
	width: 50%;
	height: auto;
	top: -10vh;
	left: 28vw;
}

#img-lee-investing{
	position: relative;
	width: 50%;
	height: auto;
	top: -10vh;
	left: 25vw;
}

article{
  position: relative;
  width: 88vw;
  font-family: helvetica, sans-serif;
  font-size: 2vh;
  margin-left: 2vw;
  
}


article a{
  text-decoration: none;
  
}

#article-what-others-say ul li{
	list-style-type: none;
	margin-bottom: 2vh;
}

#article-investing-synopsis{
	position: relative;
	top: -7vh;
}

#article-investing-synopsis .video-description{
	font-family: arial, sans-serif;
	font-size: 3.1vw;
	text-align: right;
}

#article-investing-synopsis .video-link{
	width: 45vw;
	height: auto;
}

#table-investing td{
	padding-bottom: 2vh;
}


 


/*Blog specific styling*/
 #section-blog-post h2{
	 position: relative;
	 top: -4vh;
 }
 
 #section-blog-post{
	position: relative;
	width: 80vw;
	text-align: left;
	left: 10vw;
	top: -5vh;
	
}

.section-blog-post{
	position: relative;
	width: 80vw;
	text-align: left;
	left: 10vw;
	top: -5vh;
	
}

.section-blog-post h2{
	 position: relative;
	 top: -4vh;
 }

#year-select{
	position: relative;
	top: -10vh;
	left: 3.5vw;
	width: 14vw;
	font-size: 2.7vw;
}

#year-select-label{
	position: relative;
	top: -10vh;
	left: 3.5vw;
	font-size: 2.7vw;
	font-weight: bold;
}


#section-blog-list h2{
	position: relative;
	font-size: 4vw;
	left: 3.5vw;
	top: -4vh;
	
}

.blog-list-image{
	width: 25vw;
	height: 13vw;
	object-fit: cover;
}

#table-blog-list{
	position: relative;
	left: 4vw;
	width: 90vw;
}

#table-blog-list td{
	vertical-align: top;
	
}

.title-cell{
	font-size: 3vw;
	font-weight: bold;
}

.post-author{
	position: relative;
	top: -5vh;
}

.post-author ul li{
	list-style-type: none;
}

.publish-date{
	font-style: italic;
}

.clickable-row{
	cursor: pointer;
} 
 
.bottom-cell{
	padding-bottom: 5vh;
	
} 
 
#post-image-1{
		position: relative;
		left: 3vw;
		margin: 3vh;
		width: 50vw;
		height: auto;
		
}

#post-image-2{
	position: relative;
	width: 60vw;
	left: 3vw;
	margin: 3vh;
	
}

#post-image-3{
	position: relative;
	width: 60vw;
	left: 3vw;
	margin: 3vh;
	
} 
 
/*End Blog Specific Styling*/ 
 
/*END MASTER SETTINGS SECTION*/

/*SETTINGS BASED ON SCREEN SIZE*/

/*601 screens*/
@media screen and (min-width: 601px){
  h1 {
    font-size: 4.25vh;
	width: 78vw;
    left: 6vw;
	top: 2vh;
	
  }
  

 
.main-site h2 {
    font-size: 2.5vh;
	text-align: left;
  }


#welcome-home {
	left: 2vw;
}
  
#byline{
	font-size: 2.5vw;
}

#img-lee-index{
	 top: -33vh;
	 width: 60%;
}

#img-lee-about{
	top: -35vh;
} 

#img-lee-investing{
	top: -35vh;
}
 
#section-about-synopsis{
	top: -30vh;
} 
 
#section-home-synopsis{
	top: -32vh;
}
 
#section-investing-synopsis{
	top: -35vh;
}

#article-investing-synopsis{
	top: inherit;
}

#section-blog-list{
	position: relative;
	top: -30vh;
}

#section-blog-post {
	top: -25vh;
}

.section-blog-post{
	top: -30vh;
}

}

/*701 screens*/
@media screen and (min-width: 701px){


#img-lee-index {
  top: -35vh;
}

#img-lee-about{
  width: 40%;
}

#section-home-synopsis{
	top: -32vh;
}

#byline{
	font-size: 2vw;
}	

 
 #post-image-1{
  left: 9vw;
}

}

/*801 Screens */
@media screen and (min-width: 801px){
h1{
	left: -2vw;
}

#img-lee-index{
	width: 50%;
	left: -2vw;
	top: -45vh;
	margin-bottom: 2vh;
	float: left;
}	

#img-lee-about{
	width: 34%;
	left: 0vw;
	top: -33vh;
	padding-bottom: 2.5vh;
	float: right;
}



#section-home-synopsis{
	top: -35vh;
	
}

#section-about-synopsis{
	top: -34vh;
}

.section-blog-post{
	top: -35vh;
}

#welcome-home{
	left: -1vw;
}

/*#leeharbaugh-header{
	font-size: 2.5vw;
}*/
article{
	margin-left: 3.0vw;
}

#img-lee-investing{
	width: 40%;
	left: 25vw;
}

#section-investing-synopsis{
	top: -30vh;
}

#article-investing-synopsis .video-description{
	font-size: 2.1vw;
}

#article-investing-synopsis .video-link{
	width: 35vw;
}



}

/*992 screens*/
@media screen and (min-width: 992px){
/* h1 { */
    /* font-size: 6.5vh; */
	/* left: -15vw; */
	
/* } */


.main-site h2 {
    font-size: 3vh;
	text-align: left;
	
}
 
 
#img-lee-index{
	width: 47%;
	left: 0vw;
	top: -45vh;
}

#section-home-synopsis{
	top: -38vh;
}

#welcome-home{
	left: -5vw;
}

#img-lee-investing{
	width: 35%;
	top: -47vh;
	left: 1vw;
	float: left;
}

#section-investing-synopsis{
	top: -45vh;
}

#article-investing-synopsis .video-description{
	font-size: 1.8vw;
}

#article-investing-synopsis .video-link{
	width: 32vw;
}



#year-select{
	top: -10vh;
	left: 3.5vw;
	font-size: 2.2vw;
}

#year-select-label{
	top: -10vh;
	left: 3.5vw;
	font-size: 2.2vw;
}

#section-blog-list h2{
	font-size: 2.75vw;
	left: 3.5vw;
	top: -4vh;
	
}
 
.blog-list-image{
	width: 20vw;
	height: 11vw;
} 
 
.title-cell{
	font-size: 2.4vw;
} 
 
#section-blog-post{
  width: 65vw;
  left: 15vw;
} 
 
.section-blog-post{
  width: 65vw;
  left: 15vw;
}  
 
#post-image-1{
  left: 4vw;
} 

#post-image-2{
  left: -2vw;
} 

#post-image-3{
  left: -2vw;
} 
 
}
/*1201 screens*/
@media screen and (min-width: 1201px){
h1{
	left: -7vw;
}

#welcome-home{
	left: 0vw;
}

#byline{
	font-size: 1.5vw;
}

#img-lee-index{
	top: -45vh;
	width: 35%;
}

#section-home-synopsis{
	top: -42vh;
}

#leeharbaugh-header{
	font-size: 1.5vw;
}

article{
	margin-left: 0;
	left: 4vw;
}

#article-about-synopsis{
	width: 58vw;
}


#article-investing-synopsis{
	top: -37vh;
}

#article-investing-synopsis .video-description{
	font-size: 1.6vw;
}

#article-investing-synopsis .video-link{
	width: 27vw;
}



#year-select{
	/* top: -20vh; */
	font-size: 1.8vw;
}

#year-select-label{
	/* top: -20vh; */
	font-size: 1.8vw;
}

#section-blog-list{
	top: -20vh;
}

#section-blog-list h2{
	font-size: 2.25vw;
	/* top: -14vh; */
	
}

#section-blog-post {
	top: -40vh;
} 
 
.blog-list-image{
	width: 15vw;
	height: 7.5vw;
} 

 
.title-cell{
	font-size: 1.7vw;
} 

}

/*1401 screens */
@media screen and (min-width: 1401px){

h1{
	left: -13vw;
}


#article-investing-synopsis .video-description{
	font-size: 1.2vw;
}

#article-investing-synopsis .video-link{
	width: 24vw;
}

#byline{
	font-size: 1.15vw;
}

#leeharbaugh-header{
	font-size: 1.25vw;
}

#year-select{
	top: -20vh;
	font-size: 1.3vw;
	width: 8vw;
}

#year-select-label{
	top: -20vh;
	font-size: 1.3vw;
}

#section-blog-list h2{
	font-size: 2.1vw;
	top: -14vh;
	
}
 

#table-blog-list{
	top: -14vh;
} 
 
 
.title-cell{
	font-size: 1.5vw;
	
} 

.image-cell{
	width: 10vw;
	
}



#section-blog-post{
  width: 57vw; 
  left: 20vw;
} 

.section-blog-post{
  width: 57vw; 
  left: 20vw;
} 

#section-blog-post p{
  font-size: 1.3vw;
}
 
#post-image-1{
  left: 4vw;
  width: 40vw;
} 

#post-image-2{
  left: 4vw;
  width: 40vw;
} 

#post-image-3{
  left: 4vw;
  width: 40vw;	
} 
	
}

/*1601 screens */
@media screen and (min-width: 1601px){

h1{
	left: -15vw;
	font-size: 3vw;
}

#img-lee-index{
	width: 27%;
}

#img-lee-about{
	width: 24%;
}

#byline{
	font-size: 1.1vw;
}

#article-investing-synopsis .video-link{
	width: 18vw;
}

#article-investing-synopsis .video-description{
	font-size: 1.8vh;
}



#section-blog-post{
	width: 45vw;
	left: 18vw;
}

.section-blog-post{
	width: 45vw;
	left: 18vw;
	font-size: 1.1vw;
}


#section-blog-post p{
  font-size: 1.1vw;
}
 
#post-image-1{
  left: 0vw;
  width: 40vw;
} 

#post-image-2{
  left: 0vw;
  width: 40vw;
} 

#post-image-3{
  left: 0vw;
  width: 40vw;	
}
		
}

/*1801 and higher screens */
@media screen and (min-width: 1801px){


#img-lee-index{
	top: -45vh;
	width: 23%;
}

#byline{
	font-size: 1vw;
	width: 80vw;
}

article{
	font-size: 1.95vh;
}

#section-home-synopsis{
	top: -45vh;
}


#year-select{
	top: -23vh;
	font-size: 0.9vw;
	width: 6vw;
}

#year-select-label{
	top: -23vh;
	font-size: 0.9vw;
}

#section-blog-list h2{
	font-size: 2.1vw;
	top: -20vh;
	
}
 

#table-blog-list{
	top: -17vh;
} 
 
 
.title-cell{
	font-size: 1.1vw;
	
} 

.bottom-cell{
	padding-bottom: 12vh;
	
} 



}