html {
    position: relative;
    min-height: 100%;
    background: #fff;
}

body {
    margin: 0 0 48px; /* bottom = footer height */
    padding: 25px;
    max-width:100%;
    color:#333;
    font-family: "Arial", sans-serif;
}

footer {
    background-color: #333333;
    border-color: #000033;
    color:#fff;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 48px;
    width: 100%;
    overflow:hidden;
}

.at4-share-title {
	color: #0084c7;
}

.addSkyscraper {
	margin-top: 100px;
}
.mainTitle {
	text-align: center;
	font-family: "Arial Black", sans-serif;
	color: #0084c7;
	text-decoration:none;
	position: relative;
	margin-top: 100px;
	font-size: 24px; font-size: 6vh;
}

.subTitle {
	text-align: center;
	font-family: Arial, sans-serif;
	color: #555;
	font-size: 16px; font-size: 3.5vh;
	text-decoration: none;
}

.tagline {
	text-align: center;
	font-family: Arial, sans-serif;
	color: #999;
	font-size: 12px; font-size: 2.0vh;
	text-decoration: none;
}
/* fix for bootstrap / google cse conflict
 */
/* input.gsc-input,
	.gsc-input-box,
	.gsc-input-box-hover,
	.gsc-input-box-focus,
	.gsc-search-button {
		box-sizing: content-box; 
		line-height: normal;
} */

/* Option 2A: Reset an entire region via CSS */
./* googleContainer,
.googleContainer *,
.googleContainer *:before,
.googleContainer *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
          line-height: normal;
} */