body {margin:0;background:lightgrey;min-width:320px;font-family:'Open Sans',sans-serif;font-size:14.5px;color:black;}
div {margin:0;padding:0;border:0;vertical-align:top;}
article {background-color:white;background-image:url("../../pix/dg_lat1.png");padding:1px 0 10px 0;margin:0 auto;z-index:1;position:relative;max-width:2048px}
.subarticle {display:block;padding: 0 5px;}
h1, h2, h3 {color:rgb(255,102,0);margin:0;font-weight:lighter;}
h1 {font-size:24px;padding:12px 0 2px 0;}
h2 {font-size:19.5px;padding:10px 0 2px 0;}
h3 {font-size:16px;padding:8px 0 2px 0;}
.box {margin:0 auto;display:table;text-align:center;}
.center {text-align:center;}
figure {display:table-cell;vertical-align:top;}
figure img {margin:0 5px;}
img.floatl{float:left;margin-right:5px;clear:both;}
img.floatr{float:right;margin-left:5px;clear:both;}
table {border-collapse:collapse;}
table.site th {color:rgb(37,37,140);text-align:center;font-weight:bold;background-color:rgb(255,221,155);}
table.site th, table.site td {border:1px solid rgb(255,203,96);padding:10px;}
table.site td{vertical-align:top;}
.blue {background-color:rgb(208,208,256);text-align:center;}
.red {color:rgb(255,0,0);}
ul li{padding:3px;}
#copyright {background-color:rgb(240,240,240);text-align:center;margin:0;padding:8px 0 0 0;}
#copyright p {margin:0;color:black;padding:0 0 10px 0;}
#footer {background-color:rgb(67,67,67);}
#footer p {padding:10px;margin:0;text-align:center;}
#footer p a {padding:10px;margin:0 4px;color:rgb(255,203,96);text-decoration:none;}
#footer p a:hover {cursor: pointer;background-color:rgb(37,37,37);color:rgb(189,189,255);}

#globalBtn {margin:12px auto 6px;text-align:center;}
p.btn-m0d3n
{
    display: inline-block;
    padding: 0.75em 3em;
    margin: 5px;
    background: rgb(67,67,67);
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
}
p.btn-m0d3n a
{
    color: rgb(255,203,96);
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width:640px)
{
  body {font-size:13px;}
  #content h1 {margin:0 0 8px 0;}
}

.proj-sup {display:block;margin:0 auto; text-align:center;}
.projector {display:inline-block;text-align:center;color:rgb(203,255,96);margin:8px 10px;}
.projector img {margin:0;}
.projector figcaption {background:rgb(67,67,67);margin:1px 0 5px 0;}

.contact {margin:12px;}
.contact td {border:1px solid rgb(255,203,96); padding:8px 20px 8px 12px; line-height:20px;}
#contact1 {min-width:50%;}
#contact2 {min-width:80%;}
.contact input, .contact textarea {width:100%; min-width:250px;}
.contact input {padding: 5px 0;cursor:pointer;}