@media only screen and (min-width: 1120px) and (max-width: 1199px) 
{
.wrapper{ width:1120px; }
.wrapper_left{ float:left; width:540px; margin-left:0px;}
.wrapper_right{ float:right; width:540px; margin-left:0px; }
.wrapper_button_holder{ width:100%; float:left;  margin-top:20px; margin-bottom:0px;  }
}
@media only screen and (min-width: 1040px) and (max-width: 1119px) 
{
.wrapper{ width:1040px; }
.wrapper_left{ float:left; width:500px; margin-left:0px;}
.wrapper_right{ float:right; width:500px; margin-left:0px; }
.wrapper_button_holder{ width:100%; float:left;  margin-top:20px; margin-bottom:0px;  }
}
@media only screen and (min-width: 960px) and (max-width: 1039px) 
{
.wrapper{ width:960px; }
.wrapper_left{ float:left; width:460px; margin-left:0px;}
.wrapper_right{ float:right; width:460px; margin-left:0px; }
.wrapper_button_holder{ width:100%; float:left;  margin-top:20px; margin-bottom:0px;  }
}
@media only screen and (min-width: 880px) and (max-width: 959px) 
{
.wrapper{ width:880px; }
.wrapper_left{ float:left; width:420px; margin-left:0px;}
.wrapper_right{ float:right; width:420px; margin-left:0px; }
}
@media only screen and (min-width: 800px) and (max-width: 879px) 
{
.wrapper{ width:800px; }
.wrapper_left{ float:left; width:380px; }
.wrapper_right{ float:left; width:380px; margin-left:0px; margin-top:20px; }
}
@media only screen and (min-width: 720px) and (max-width: 799px) 
{
.wrapper{ width:720px; }
.wrapper_left{ float:left; width:100%; }
.wrapper_right{ float:left; width:100%; margin-left:0px; margin-top:20px; }
}

@media only screen and (min-width: 640px) and (max-width: 719px) 
{
.wrapper{ width:640px; }
.wrapper_left{ float:left; width:100%; }
.wrapper_right{ float:left; width:100%; margin-left:0px; margin-top:20px; }
}
@media only screen and (min-width: 560px) and (max-width: 639px) 
{
.wrapper{ width:560px; }
.wrapper_left{ float:left; width:100%; }
.wrapper_right{ float:left; width:100%; margin-left:0px; margin-top:20px; }
}
@media only screen and (min-width: 480px) and (max-width: 559px) 
{
.wrapper{ width:480px; }
.wrapper_left{ float:left; width:100%; }
.wrapper_right{ float:left; width:100%; margin-left:0px; margin-top:20px; }
h2{ font-size:44px; line-height:64px; }
h2 span{ font-size:64px; }
.vertical_text{ left:auto; right:-330px; top:600px; width:500px; height:150px; font-size:120px; line-height:150px; }
}
@media only screen and (min-width: 400px) and (max-width: 479px) 
{
h2{ font-size:32px; line-height:42px; }
h2 span{ font-size:62px; }
h3{ font-size:39px; line-height:49px; }
h4{ font-size:34px; line-height:44px; }
p.verylarge_text{ font-size:28px; line-height:36px;}
/*
p{ width:100%; float:left; margin-bottom:20px;}
p.large_text{ font-size:20px; line-height:30px;}
p.semilarge_text{ font-size:18px; line-height:24px;}
p.midlargeverlarge_text{ font-size:24px; line-height:34px;}
*/

.wrapper{ width:390px; }
.wrapper_left{ float:left; width:100%; margin-left:0%;}
.wrapper_right{ float:left; width:100%; margin-left:0%; margin-top:30px; }
.vertical_text{ left:auto; right:-370px; top:600px; width:500px; height:120px; font-size:100px; line-height:120px; }
}
@media only screen and (min-width: 320px) and (max-width: 399px) 
{
h2{ font-size:30px; line-height:40px; }
h2 span{ font-size:62px; }
h3{ font-size:39px; line-height:49px; }
h4{ font-size:32px; line-height:42px; }
p.verylarge_text{ font-size:26px; line-height:34px;}
p.large_text{ font-size:16px; line-height:24px;}

.wrapper{ width:320px; }
.wrapper_left{ float:left; width:100%; margin-left:0%; }
.wrapper_right{ float:left; width:100%; margin-left:0%; margin-top:30px; }
.vertical_text{ left:auto; right:-390px; top:600px; width:500px; height:100px; font-size:80px; line-height:100px; }
}