@import url('https://fonts.googleapis.com/css?family=Montserrat|Playfair+Display');


.fatboy img {width: 100%;}

p {font-size: 20px; font-family: 'Montserrat', sans-serif;
max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

h1 {font-family: 'Playfair Display', serif; font-size: 65px}



h3 {font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-align:center}
h3 a {font-size: 18px;  color: #ff6633; font-weight: 600; }


h5 {font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 600; }
h5 a {font-size: 20px; color: #ff6633; font-weight: 600;}


.fatboy {padding-bottom: 1em;}
/***** Makes drop cap effect ****/

.big-first--letter::first-letter {
 font: 150px 'Playfair Display', serif;
text-align: center;
line-height: 170px;
  float: left;
  margin: -45px 10px -35px 0px;
  color: #ff6633;
}
/***PJLM putting stuff in the middle***/
@media screen and (min-width: 750px) {

/* puts title in center */
.entry-content h1 { 
    text-align:center;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

/* styles text in center */
.entry-content p {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
	
blockquote {
	margin-left: 8em;
	margin-right: 10em;
}


/* styles text in center */
p {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}


/* styles images and fatboys */

.entry-content img {
    position: relative;
    max-width: 100%;
    display: block;
}

/*fullscreen img- don't forget  and   */
.fatboy div { 
    width: 95%;
    height: auto;
    position: absolute;
    float: none;
    margin-left: auto; 
    margin-right: auto;
}
/* styles images and fatboys */

.entry-content img {
    position: relative;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/*fullscreen img- don't forget  and  */
.fatboy div { 
    width: 100%!important;
    height: auto;
    position: absolute;
    float: none;
    margin-left: auto; 
    margin-right: auto;
	}
}

/****sets small screen style****/
@media all and (max-width: 500px){
		p {font-size: 15px; font-family: 'Montserrat', sans-serif;}	
	h1 {font-family: 'Playfair Display', serif; font-size: 35px}
.big-first--letter::first-letter {
 font: 50px 'Playfair Display', serif;
text-align: center;
line-height: 100px;
  float: left;
  margin: -45px 10px -35px 0;
  color: #ff6633;
}
	h3 {font-size: 18px}
}



/****For Archive Page****/
li {font-size: 20px; font-family: 'Montserrat', sans-serif}



/**For Category/Author Page**/
h1.archive-title {  color: black;}

/**For Home Page**/
h4.entry-title a {font-family: 'Playfair Display', serif; font-size: 30px}


/*Widens the text a bit for big screens*/
@media screen and (min-width: 750px){
.entry-content p {
	max-width: 800px;}
	
}