@media all and (max-width: 768px) {

	header .home_logo{
		width: 100px !important;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50%;
	}

	.homeholder{
		width: 100%;
        height: 1000px;
		margin-top: 70px;
		padding: 0px 10px;
	}
	.homeholder .column{
		left: 50% !important;
		margin-left: -128px;
	}
	.homeholder .column.teachers{
		left: 50%;
		margin-left: -128px;
		top: 420px;
	}
	.homeholder .button.teacher_home{
		left: 50% !important;
		top: 664px;
		margin-left: -127px;
	}
	.homeholder .button.partners{
		left: 50% !important;
		top: 724px;
		margin-left: -127px;
	}

    .homeholder .button.educator_training{
        left: 50% !important;
		top: 825px;
		margin-left: -127px;
    }

    .homeholder .button.community_resources{
        left: 50% !important;
		top: 885px;
		margin-left: -127px;
    }

    .homeholder .button.peer_education{
        left: 50% !important;
		top: 945px;
		margin-left: -127px;
    }
	
}
@media all and (max-width: 820px) {

	.homepage .logoholder{
		width: 100% !important;
		background-size: 90%;
		background-repeat: no-repeat;
		background-position: 50%;
	}
	.homepage .logoholder .welcome{
		width: 50%;
	}
	.homepage .home_content{
		width: 100%;
		margin-left: 0px;
		left: 0px;
		top: 240px;
	}
	.homepage .home_content .topblock{
		display: block;
		margin:  20px auto;
	}
	.homepage .home_content .wideblock{
		width: 100%;
	}
	.homepage .home_content .wideblock.pow{
		height: inherit;
	}

	#groups_links{
		width: 100% !important;
	}
	#groups_links .sec_link{
		width: 100%;
		height: inherit;
	}
	#groups_links .sec_link .img_holder{
		width: 40%;
	}
	#groups_links .sec_link .img_holder img{
		width: 100%;
	}
	#groups_links .sec_link .sec_description_box{
		width: 60%;
	}
	#groups_links .sec_link .sec_description_box .sec_title{
		font-size: 16px;
	}
	#groups_links .sec_link .sec_description_box .sec_descrip{
		font-size: 13px;
	}

	.menu_content .topblocks{
		display: none;
	}


}