/* CSS Document */
/* RESPONSVE SECTION */
.titletext{font-weight:bold;}

@media only screen and (max-width: 1920px) {
.titletext{font-size:2.4em;}
.bodytext{font-size:1.8em;}
.sustext{font-size:1.8em;}
.gentext{font-size:1.4em;}	
#video{padding-top:100px;}
.ghost-button-transition {
font-size: 1.0em;
width: 6em;
height: 1.0em;
padding: .8em;}
}
@media only screen and (max-width: 1366px) {
.titletext{font-size:2.0em;}
.bodytext{font-size:1.4em;}
.sustext{font-size:1.4em;}
.gentext{font-size:1.0em;}
#video{padding-top:100px;}
.ghost-button-transition {
font-size: 1.0em;
width: 6em;
height: 1.0em;
padding: .60em;}
}
@media only screen and (max-width: 768px) {
.titletext{font-size:1.2em;}
.bodytext{font-size:1.0em;}
.sustext{font-size:1.0em;}
.gentext{font-size:.8em;}
#video{padding-top:65px;}
.ghost-button-transition {
font-size: .7em;
width: 6.4em;
height: 1.0em;
padding: .2em;}
}
@media only screen and (max-width: 411px) {
.titletext{font-size:1.0em;}
.bodytext{font-size:.8em;}
.sustext{font-size:.8em;}
.gentext{font-size:.4em;}
#video{padding-top:65px;}
.ghost-button-transition {
font-size: .5em;
width: 6.4em;
height: 1.0em;
padding: .1em;}
}
@media only screen and (max-width: 282px) {
.titletext{font-size:.6em;}
#video{padding-top:55px;}
.ghost-button-transition {
font-size: .4em;
width: 6.4em;
height: 1.0em;
padding: .1em;}
}