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

.app_rectangle{
	clear:none;
	display: table;
}

.app_dscrpt_rectangle{
	display: table;
}

.app_dscrpt_text{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	display: table-cell;
	vertical-align: middle;
}

.app_title_text{
	font-weight: 500;
	padding-bottom: 10px;
}

@media screen and (min-width:1149px){	
	.app_rectangle{		
		width: 50%;
		height: 800px;
	}
	.app_dscrpt_rectangle{
		height: 800px;
		width: 50%;
		font-size: 24px;
		line-height: 175%;
	}
	.app_title_text{
		font-size: 28px;
		padding-top: 160px;
	}
}

@media screen and (min-width:1250px){
	.app_dscrpt_text{
		padding-right: 25%;
		padding-left: 50px;
	}
}

@media screen and (max-width:1250px){
	.app_dscrpt_text{
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media screen and (max-width:1149px) and (min-width:900px){
	.app_rectangle{
		width: 50%;
		height: 600px;
	}
	.app_dscrpt_rectangle{
		height: 600px;
		width: 50%;
		font-size: 20px;
		line-height: 175%;
	}
	.app_title_text{
		font-size: 24px;
		padding-top: 120px;
	}
}

@media screen and (max-width:900px) and (min-width:800px){
	.app_rectangle{
		width: 50%;
		height: 500px;
	}
	.app_dscrpt_rectangle{
		height: 500px;
		width: 50%;
		font-size: 18px;
	}
}

@media screen and (max-width:800px){	
	.app_rectangle{
		width: 100%;
		height: 500px;
	}
	.app_dscrpt_rectangle{
		height: 400px;
		width: 100%;
		font-size: 18px;
	}
}

@media screen and (max-width:900px) and (min-width:700px){
	.app_dscrpt_rectangle{
		line-height: 175%;
	}
	.app_title_text{
		font-size: 20px;
		padding-top: 85px;
	}
}

@media screen and (max-width:700px){
	.app_title_text{
		font-size: 20px;
		padding-top: 50px;
	}
	.app_dscrpt_rectangle{
		line-height: 150%;
	}
}