.contentGrid {
    height: 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-table;
    vertical-align: top;
}
.contentGrid.blockInstruction .mainContentSectionContainer {
    width: 100%;
    max-width: none;
}

.blockToDoList {
	box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.contentGridRowWrapper {
    width: 100%;
    height: auto;
    background-color: rgba(10,119,59,1.00);
    position: relative;
    display: table;
    text-align: center;
    margin-top: 50px;
}
.mainContentSectionContainer {
    height: auto;
    width: 100%;
    display: inline-block;
    max-width: 490px;
    margin-bottom: 19px;
    vertical-align: top;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mainContentSectionContainer.information {
    float: none;
	max-width: 490px !important;
}


.blockInstruction.option3 {
    width: 100%;
}
.blockContent.option3 {
    width: 100%;
}
.blockInstruction.option4 {
    width: 100%;
}
.blockContent.option4 {
    width: 100%;
}
.blockToDoList.option4 {
    width: 100%;
}
.contentGrid.option1n2 {
    width: 100%;
    height: auto;
}

.blockContent.option5 {
    width: 49%;
}
.blockToDoList.option5 {
    width: 49%;
}

.mainContentSectionContainer {
    display: inline-block;
    float: none;
}
.toDoListWrapper {
    width: 100%;
    height: auto;
    display: table;
}
.toDoListContainer {
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tutorialPanel {
    margin-top: 0px;
    margin-bottom: 21px;
    background-color: transparent;
	width: 50%;
	display: inline-table;
}

.sectionSplitterVerticle {
    width: 1px;
    height: 600px;
    background-color: #c3c3c3;
    display: inline-table;
}
.sectionBlockWrapper {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8;
    padding-top: 29px;
    margin-bottom: 29px;
}
.sectionBlockWrapperVid {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8;
    padding-top: 20px;
    margin-bottom: 29px;
}
.sectionBlockWrapperVid2 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8f8f8;
    padding-top: 0px;
    margin-bottom: 0px;
}






@media (min-width:2389px){
.blockInstruction.option3 {
    width: 25%;
}
.blockContent.option3 {
    width: 75%;
}
.blockInstruction.option4 {
    width: 25%;
}
.blockContent.option4 {
    width: 25%;
}
.blockToDoList.option4 {
    width: 49%;
}

}

@media (min-width:1967px) and (max-width:2389px){
.blockInstruction.option3 {
   	width: 33%;
}
.blockContent.option3 {
    width: 66%;
}
.blockInstruction.option4 {
    width: 33%;
}
.blockContent.option4 {
    width: 22%;
}
.blockToDoList.option4 {
    width: 44%;
}
.mainContentSectionContainer {
    max-width: 398px;
}
}

@media (min-width:1010px) and (max-width:1966px){
.blockInstruction.option3 {
   	width: 50%;
}
.blockContent.option3 {
    width: 50%;
}
.blockInstruction.option4 {
    width: 40%;
    float: left;
}
.blockContent.option4 {
    width: 60%;
	float: right;
}
.blockToDoList.option4 {
    width: 60%;
	float: right;
}
.mainContentSectionContainer {
    max-width: 320px;
}
}

@media (min-width:1678px) and (max-width:1849px){
.mainContentSectionContainer {
    max-width: 320px;
}
.blockContent.option4 .mainContentSectionContainer{
    max-width: 420px;
    float: left;
}
	
}


@media (min-width:1320px) and (max-width:1678px){
.mainContentSectionContainer {
    max-width: 490px;
}
.mainContentSectionContainer.information {
    max-width: 490px !important;
}
.blockContent.option4 .mainContentSectionContainer{
    max-width: none;
}
}

@media (min-width:1010px) and (max-width:1319px){
.mainContentSectionContainer {
    max-width: 360px;
}
.mainContentSectionContainer.information {
    max-width: 360px !important;
}
.blockContent.option4 .mainContentSectionContainer{
    max-width: none;
}
}

@media (max-width:1320px){
	.sectionSplitterVerticle {
    display:none;
}
	.blockContent.option5 {
    width: 100%;
}

.blockToDoList.option5 {
    width: 100%;
}
.blockContent.option4 .mainContentSectionContainer{
    max-width: none;
}
.tutorialPanel {
	width: 100%;
}

}
@media (max-width:1009px){
	.mainContentSectionContainer {
    max-width: none;
}
}