.navbar-brand img { height:40px; float:left; vertical-align: middle; margin:-10px 10px 10px; } .navbar-right { margin-right:0px!important; } section { height:100vh; } h1, h2, h3, h4, p.sectioninfo { text-align: center; } .featuretext h4, .footer h4 { text-align:left; } #uses .btn-toolbar { text-align: center; } .presslogos img { max-height:30px; max-width:120px; vertical-align: middle; margin:10px 30px; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .testimonialgroup .popover, .scrolltweet.popover { max-width:400px; } img#myAvatar { margin-left:50%; left:-75px; } img#myAvatar.affix-top { position: absolute; top: 750px; } img#myAvatar.affix-bottom { position:absolute; bottom:500px; } img#myAvatar.affix { top: 300px; } button.gamifybutton { margin: 20px; width:20%; } #rewards { margin-top:200px; } .tweet.popover { position:relative; display:block; } .scrolltweet { margin-top:-200px; } .headline { display:block; margin-bottom:450px; } .avatarscroll { position:absolute; display:block; width:300px; left:50%; margin-left:-150px; margin-top:-400px; text-align: center; } .avatarscroll img { display:inline-block; margin-top:20px; } .avatarscroll .scroll-armor { margin-left:50%; left:-75px; } .avatarscroll .scroll-armor.affix-top { position:relative; display:block; } .avatarscroll .scroll-armor.affix-bottom { position:absolute; bottom:500px; display:block; } .avatarscroll .scroll-armor.affix { top: 280px; left:0; } .avatarscroll .scroll-armor img.armor { position:absolute; top:0; left:50%; margin-left:-75px; } #myCarousel .nav a small { display: block; } #myCarousel .nav a { border-radius:10px; margin:10px; } #myCarousel .nav-justified > li > a { border-radius: 10px; background-color:#eee; } #myCarousel .nav-justified > li > a:hover { background-color:#ccc; } #myCarousel .nav-pills>li.active a { background-color: #16a085; } .carousel-content { width:100%; height:500px; min-width:100%; min-height:500px; max-width:100%; max-height:500px; overflow:hidden; display:block; } .health-use .carousel-content { background:#ffffff url("images/uses/meditation-bkgd.png") no-repeat fixed center; } .housework-use .carousel-content { background:#ffffff url("images/uses/dusting-bkgd.png") no-repeat fixed center; } .improvement-use .carousel-content { background:#ffffff url("images/uses/achievement-bkgd.png") no-repeat fixed center; } .school-use .carousel-content { background:#ffffff url("images/uses/reading.png") no-repeat fixed center; } .work-use .carousel-content { background:#ffffff url("images/uses/coding.png") no-repeat fixed center; } .sampletasks { display:block; float:left; background-color: #eee; padding:20px; } .usetweet-group { width:30%; float:right; } .carousel-content .usetweet { float:right; max-width:350px; margin:20px 0; } .featuretext { margin:30px 0; } #footercall small { margin-left:50px; } .footer { margin-top:20px; background-color:#eee; padding:20px 0; }