@charset "UTF-8";
/* CSS Document */


body {
	margin: 2em;
	padding: 2em 2em 2em 2em;
	box-shadow: 2rem 2rem 2rem 2rem #ccccff;
	overflow-y: scroll;
}

h1 {
	font-family: 'Josefin Sans', sans-serif;
	color: #4B0082;
	font-size: 4em;
	margin: 0 30px 40px 40px; 
	text-transform: uppercase;
	width: 10ch;
	text-align: center;
	line-height: .9em;
	
}

h2 {
	font-family: 'Josefin Sans', sans-serif;
	color: #4B0082;
	font-size: 1em;
	margin: 40px 40px 10px 100px;
	text-transform: uppercase;
	width: 20ch;
	text-align: center;
}

article {
/*	column-width: 40ch;*/
	box-sizing: border-box;	
	overflow-y: scroll;
	
}

header {
	float: left;
	width: 450px;
	
	
}



	
	

section {
/*
    background: url("yoga.png");
    background-size: cover; 
    background-position: 35% 42%;
    width: 65%;
    height: calc(100vh - 80px);
    position: absolute;
    top: 200px;
    left: 40px;
*/
/*	shape-outside: margin-box;*/
}

section.s1 {
	width: 300px;
	margin-left: 450px;
	

}



section.s1 p:first-child::first-letter {
  color: black;
  padding: 0 .3rem;
  margin: 0 .3rem .3rem 0;
  
  border-radius: 10px;
  font-family: 'Open Sans', sans-serif;
	font-weight: 300;
  font-size: 5rem;
  float: left;
  line-height: 1;
}


p {
	font-family:'Open Sans', sans-serif;
	font-size: .9em;
	line-height: 1.2em;

	
}



img.yoga {
	display: block;
	clear: both;
}
	
div.col1, section.s2 {
	float: left;
	width: 50ch; 
	
}

div.col1 {
	width: 780px;
}

section.s2 {
	width: 30%;
}