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

.one{
    height: 100%;
}

.two {
    height: 80%;
}

.twoX {
    height: 80%;
}

.t_fullPage{
	display: table;
	width: 100%;
	height:100vh;
}
.t_80Page{
	display: table;
	width: 100%;
	height: 80vh;	
}

.t_80PageX{
	display: table;
	width: 100%;
	height: 80vh;	
}

/*Viewport=600x*/
@media screen and (max-width: 37.5em) {
.two {
    height: auto;
}

.t_80PageX{
	display: table;
	width: 100%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
}
}
/*Viewport=480px*/
@media screen and (max-width: 30em) {
.two {
    height: 75%;
}

.two {
    height: auto;
}

.t_80PageX{
	display: table;
	width: 100%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
}
}

/*Viewport=320px*/
@media screen and (max-width: 20em) {

.two {
    height: 75%;
}

.two {
    height: auto;
}

.t_80Page{
	display: table;
	width: 100%;
	height: 75vh;	
}
.t_80PageX{
	display: table;
	width: 100%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
}
}