html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body { margin: 0 auto; }
html,body { height:100%; }
footer, header { position: relative; clear: both; }
.left-column, .right-column, footer, header {  border: 0px; padding: 0px; margin: 0px; }

.columns-container { background-color: deepskyblue; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: 400; 
                     line-height: 1.1; text-align: left; font-style: normal; font-variant: normal; letter-spacing: normal; 
                     text-indent: 0px; white-space: normal; widows: 1; word-spacing: 0px; }
footer { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: black; color: white;  }
.left-column { color: white; padding: 10px; }
.right-column { padding-left: 10px; padding-right: 10px; height:100%; background-color: white; margin:0px; padding-top:0px; }
.boxsimple { margin: 0px; padding-top:20px; padding-bottom:20px; font-size: 1.1em; }
.global { width:96%; text-align:center; font-size:1.1em; font-weight: 200; line-height: 1.3; }
.globalb { font-weight: 500; }
.book { text-align:center; float:none; width:100%; }
.work-title { float:none; text-align:center;}
.work-logo { text-align:center; }
.icon-img { text-align:center; float:none; }
.icon-text { text-align:center; float:none; font-size:1.1em; }
.namesite { font-size:1.8em; width:96%;}
.namecity { font-size:1.3em; width:96%;}
.link { color: white; text-decoration:none; }
.redheart {color:#ff0000; font-size:18px; font-family:'arial unicode MS', arial, geneva, sans-serif; }
.sectiontitle { font-size:1.6em; font-weight: 400; line-height: 1.1; font-style: normal; font-variant: normal; 
                letter-spacing: normal; text-indent: 0px; white-space: normal; widows: 1; word-spacing: 0px; text-align: center; }
.company { color:red; }
.nav { list-style: none; margin-left: 0; margin-bottom: 0; padding-left: 0; }
ul{ margin-left:0px; padding-left:20px; }

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
.icon { width:300px; height:auto; padding:1%; display: inline-table; }
.icon-img { text-align:left; float:left; padding-right:8px;}
.icon-text { text-align:left; float:left; font-size:1.1em; }
.columns-container { float: left; }
.left { float:left; }
.right { float: right; }
.left-column { width: 22em; margin-right: -33em; float: left; }
.right-column { margin-left: 22em; float: left; padding-top: 0px; padding-left:30px; padding-right:30px;  }
.global { text-align:left; font-size:1.3em; font-weight: 200; line-height: 1.3; width:300px; }
.book { width:50%;text-align:center; float:left;min-width:300px; }
.namesite { font-size:2.2em;  width:220px; }
.namecity { font-size:1.6em; width:180px;}
.work-title { float:left; text-align:left; }
.work-logo { float:right; }
.work { font-size:1.2em; }
}