tablet styling

This commit is contained in:
Thomas Smith 2022-09-19 17:37:19 -04:00
parent 05787777ac
commit c37b85965d

View file

@ -75,6 +75,11 @@ body{
border-bottom: 2px solid #949494;
}
.navbar-brand{
padding-top:0px !important;
padding-bottom: 0px !important;
}
.nav-logo{
width: 4.9vw;
}
@ -90,6 +95,45 @@ body{
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
div.container-fluid.top-nav{
padding-left: 0px !important;
}
.navbar{
background-color: #1a1a1a !important;
height: 13.5vw;
border-bottom: 2px solid #949494;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.navbar-brand{
padding-top:0px;
padding-bottom: 0px;
}
.container-fluid{
background: none !important;
}
.nav-logo{
width: 13.2vw;
top:0px !important;
}
.nav-logo:hover{
transform: scale(0.9);
}
.nav-item{
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 1.2vw;
}
}
/* Brand Colors */
/* Type Colors: */
@ -226,12 +270,12 @@ li{
}
}
/*
@media only screen and (max-width: 576px) and (max-width: 768px){
h1{
font-size: 10rem;
line-height: 10rem;
font-size: 20vw;
line-height: 10vw;
margin-top: -20px;
margin-left: -15px;
}