Added second logo for size variant, css tweaks to accomodate

This commit is contained in:
Ethan N. Paul 2017-02-10 17:02:47 -05:00
parent e47db7e6ab
commit cf20b0b298
2 changed files with 12 additions and 9 deletions

View File

@ -293,7 +293,7 @@ a:focus {
@media(min-width:767px) {
.content-section {
padding-top: 250px;
padding-top: 50px;
}
.download-section {
@ -338,18 +338,18 @@ ul.banner-social-buttons {
#logo_about {
display: none;
}
#heading_large {
width: 256px;
.heading_large {
display: none;
}
}
@media screen and (min-width:768px) {
.heading_small {
display: none;
}
#heading_large {
width: 512px;
}
#logo_about {
display: block;
}
}
@media(max-width:1199px) {

View File

@ -56,9 +56,12 @@
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<hr>
<h1 class="brand-heading"><img id="heading_large" style="max-width: 512px;" src="img/logo.png"/></h1>
<hr>
<hr class="heading_large">
<h1 class="brand-heading">
<img class="heading_large" style="max-width: 512px;" src="img/logo.png"/>
<img class="heading_small" style="max-width: 256px;" src="img/e-w.png"/>
</h1>
<hr class="heading_large">
<ul class="list-inline">
<li>
<a href="mailto:enpaul@enpaul.net"><span class="hb hb-sm"><i class="fa fa-envelope-o"></i></span></a>