.about{
}
.writing{	
}
body{
	background-color: ;
	padding: 0px;
	margin: 0px;
		}
	
.logo{
	
	display: table;
	margin: auto;
    width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.1em;
	color: #1a1a1aff; 
	padding: 0px;
	vertical-align: middle;

	background-color: rgb(255, 255, 255);

		}


	
.logoleft{
	
	float: left;
	margin: 0px;
    width: ;
	padding: 0px;
	vertical-align: top;
	background-color: ;
	background-image: url("");
		}
	
.contact{

	float: right;
	margin: 15px;
    width: ;
	
	padding: 0px;
	vertical-align: top;
	background-color:;
	background-image: url("");

		}	
		
.header{
	display: table;
	margin: auto;
	float: center;
	width: 100%;

	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
	line-height: 1.0;
    font-size: 1.9em;
	color: white;
	
	padding: 20px;
	
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	
	background-color: rgb(100, 116,	148); /*rgb(211, 212, 215);*/
	background-image: url("");
		}
.inheader {


	background-color: ;
}	

	


.article{

	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: ;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.5;
    font-size: 1.1em;
	color: rgb(96, 96, 96);
	padding: 20px;
	
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	
	background-color: rgb(255, 255,	255);
	background-image: url("");
}

.title{
	
	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: 550px;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
	line-height: 1.5;
    font-size: 1.6em;
	color: black;
	padding: 0px;
	
	background-color: ;
	background-image: url("");
}

.subtitle{

	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: 550px;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.4;
    font-size: 1.5em;
	color: rgb(120, 120, 120);
	padding: 0px;
	
	background-color: ;
	background-image: url("");
}


.player{
	display: block;
	margin-top: 50px;
	float: center;
	width: 100%;
	max-width: 550px;
	text-align: right;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.0;
    font-size: 0.8em;
	color: rgb(120, 120, 120);
	padding: 0px;
}

.text{
	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: 750px;
	text-align: left;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.8;
    font-size: 1.0em;
	color: rgb(0, 0, 0);
	padding: 0px;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}

.tedmain{
	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: 500px;
	text-align: left;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	line-height: 1.1;
    font-size: 1.1em;
	color: rgb(50, 50, 50);
	
	padding: 20px;
	
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}

.tedquest{
	display: block;
	margin: auto;
	float: center;
	width: 100%;
	max-width: 750px;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	line-height: 1.2;
    font-size: 1.3em;
	color: rgb(50, 50, 50);
	padding: 0px;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}

.opinion {
	font-weight: 600;
	color: rgb(62, 141, 227);
}


.reading{
	display: block;
	margin: auto;

	width: 100%;
	max-width: 750px;
	text-align: left;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.6;
    font-size: 1.1em;
	color: rgb(56, 61, 99); /*(100, 116, 148)*/
	padding: 0px;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}


.phonics{
	display: block;
	margin: auto;

	width: 100%;
	max-width: 750px;
	text-align: left;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: normal;
	line-height: 1.8;
    font-size: 1.6em;
	color: rgb(64, 64, 64);
	padding: 0px;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}
	

.consonant{
	font-size: 1.4em;
	color: rgb(62, 141, 227);
}

.phonics h3{
	text-align: center;
}

.notesdiv{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin: auto;
	float: center;
	font-weight: normal;
	line-height: 1.5;
    font-size: 0.8em;
	color: rgb(64, 64, 64);
}

.tablediv{ 
	display: table-row;
}

.pros{ 	
	display: block;
	width: 80%;
	margin: 25px;
	float: center;
	padding: 10px;
	vertical-align: top;
	font-weight: normal;
	line-height: 1.5;
    font-size: 0.6em;
	color: rgb(32, 32, 32);
}


.cons{ 	
	display: block;
	width: 80%;
	margin: 25px;
	float: center;

	padding: 10px;
	vertical-align: top;
}

.reading h3{
	text-align: center;
}

.book {
	min-height: 320px;
}

.credits {
	text-align: left;
	font-weight: ;
	color: ;
	margin-top: 70px;
	line-height: 1.2;
    font-size: 0.8em;
}

.words {
	overflow:auto;
	text-align: left;
	font-weight: normal;
	word-spacing: ;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	line-height: 2;
    font-size: 0.8em;
	color: rgb(50, 50, 50);
}

.together {
	white-space: nowrap;
}

.quote{
	display: block;
	margin: auto;
	
	float: center;
	width: 100%;
	max-width: 1050px;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
	line-height: 1.8;
    font-size: 1.25em;
	color: rgb(80, 80, 80);
	padding: 0px;
	
	word-wrap:break-word;
	background-color: ;
	background-image: url("");
}

.new1 {	
	margin-top: 20px;
    margin-bottom: 20px;
	border: 0px solid ;
	background: rgb(62, 141, 227);/*(35,	67,	242); rgb(62,	93,	210); rgb(62,	141, 227);*/
	width: 20%;
	height:3px;
}
	
	
.studentlists {
	
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	
	margin: auto;
	float: center;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
    font-weight: ;
	line-height: 1.5;
    font-size: 1.3em;
	padding: 0px;
	vertical-align: top;
	background-color: rgb(255, 255,	255);
}	
	
	.toreadlist {
	flex-direction: row;
	display: table;
	order: 1;
	margin: 50px;
	float: center;
	width: 350px;
	height: ;
	text-align: center;

	padding: 20px;
	vertical-align: top;
	background-color: rgb(255, 255, 255);
}	
	.tedlist {
	flex-direction: row;
	display: table;
		order: 2;
	margin: 50px;
	float: center;
	width: 350px;
	height: ;
	text-align: center;
	text-decoration: none;

	padding: 20px;
	vertical-align: top;
	background-color: rgb(255, 255, 255);
}		
	.towatchlist {
		flex-direction: row;
	display: table;
		order: 3;
	margin: 50px;
	float: center;
	width: 350px;
	height: ;
	text-align: center;
	text-decoration: none;

	padding: 20px;
	vertical-align: top;
	background-color: rgb(255, 255, 255);
}	
	.tolistentolist {
		flex-direction: row;
	display: table;
		order: 4;
	margin: 50px;
	float: center;
	width: 350px;
	height: ;
	text-align: center;
	text-decoration: none;

	padding: 20px;
	vertical-align: top;
	background-color: rgb(255, 255, 255);	
}

.studentmenu {
	flex-direction: row;
	display: table;
	margin: 0px;
	float: center;
	width: 350px;
	height: ;
	text-align: left;
	text-decoration: none;

	padding: 5px;
	vertical-align: ;
	background-color: rgb(255, 255, 255);
}

a:visited {
  color: rgb(62, 141, 227);
}

a:hover {
	
color: rgb(62, 141, 227);
}

.text_right 
{
	text-align: right;
}

.arrow {
  border: solid rgb(62, 141, 227);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.arrowright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
	
.thesis {
	display: table;   
	margin: 10;
	width: 80%;
	padding: 20px;
	text-align:left;
	font-family: ;
}

.thesis div{
	display: inline-block;   /* Allows the centering to work */
	margin: 0 auto;
}


.imgart {
    max-width: 100%;
    height:auto;
	margin-top: ;
	margin-right:10px;
	float: left;
}

.imgread {
	max-width: 40%;
	display:block;
    height:auto;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.imgblog {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}


.image {

	text-align:center;
	line-height: 1.5;
    font-size: 0.8em;
}

.video {
	aspect-ratio: 16 / 9; 
	max-width: 560px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

.video2 {
	aspect-ratio: 16 / 9; 
	max-width: 560px;
	width: 60%;
	display: block;
	margin: 0 auto;
}


.footer {
	display: table;   
	width: 100%;
	padding: 0px;
	text-align: center;
	align-items: center;	
	background-color: rgb(100, 116,	148);
}

.footer div{
	display: table-cell;   /* Allows the centering to work */
	margin: 0 auto;
	height: 100px;
	vertical-align: middle;

}

.rus{
	text-align: center;
	text-decoration: none;
	font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
	line-height: 1.2;
    font-size: 3.6em;
}

.eng{
	text-align: left;
	text-decoration: none;
	font-family: 'Dosis', sans-serif;
    font-weight: normal;
	line-height: 1.3;
    font-size: 1.3em;
	
}

.right{
	
display:inline-block;
width:50%;
}

.left{
float:left;
display:inline-block;
width:50%;
}