#page   {background-color: White; text-shadow: 1px 1px 0 #9fe2ef; border-top: 1px solid dimgray;}
#page .section {float: left; width: 100%;}
#page .section > .left {float: left; width: 100%; margin: 0; padding: 0;}
#page .section > .right {float: left; width: 40%; min-height: 248px; background-color: silver; color: White; margin-left: 3px; display: none;}

#page .section .details {}
#page .section .details a {color: dimgray;}
.image {}
.left_no {float: left; width: 39%; text-align: right; padding: 5px 3px 5px 0;}
.left {float: left; width: 40%; text-align: center; margin-top: 7px; padding: 5px 0 5px 0;}
.right {float: left; width: 60%; text-align: left; padding: 5px 0 5px 0;}
.full {float: left; width: 100%; text-align: center; padding: 5px 0 5px 0;}
.space {float: left; width: 100%; height: 30px;}
.full_gray {float: left; width: 99%; text-align: center; padding: 5px 0 5px 5px; background-color: whitesmoke; text-align: left;}

h1      {background-color: white; padding: 10px 0 10px 10px; text-align: left;}
h2      {padding: 10px 0 10px 10px; text-align: left;}

.buttons { margin-top: 2px;}

.header_blue {display: none;}

@media screen and (min-width: 150px) and (max-width: 549px) 
{
    
.center {width: 99%;}
.footer .text {width: 99%;}

    #page .section > .left {width: 100%;}
    #page .section > .right {width: 100%; margin: 0;}
    
    .left_no {width: 100%; text-align: center;}
    .left {width: 100%; text-align: center;}
    .right {width: 100%; text-align: center;}
}

@media screen and (min-width: 550px) and (max-width: 767px)
{
    
.center {width: 99%;}
.footer .text {width: 99%;}

    #page .section > .left {width: 100%;}
    #page .section > .right {width: 100%; margin: 0;}
    
    .left_no {width: 100%; text-align: center;}
    .left {width: 100%; text-align: center;}
    .right {width: 100%; text-align: center;}
}

@media screen and (min-width: 768px) and (max-width: 1024px)
{
    #page .section > .left {width: 70%;}
    #page .section > .right {width: 30%; margin: 0;}
    
    .left_no {width: 39%; text-align: right;}
    .left {width: 39%; text-align: right;}
    .right {width: 55%; text-align: left;}
}

@media screen and (min-width: 1025px)
{
    #page .section > .left {}
    #page .section > .right {max-width: 247px;}
    
    .left_no {}
    .left {}
    .right {}
}