body {
background: #efefef;
background-image: url("http://grossman.no/wp-content/uploads/2021/11/Baak_BG_1920x1200px.jpg");
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
color: black;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
height: 100%;
margin-bottom: auto;
margin-top: auto;
padding-bottom: 60px;
margin-left: 0px;
margin-right: 0px;
}
html {
min-height: 100%;
}
div {
width: 100%;
}
p {
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 22px;
}
h1 {
font-family: 'Roboto', sans-serif;
font-weight: 900;
font-size: 85px;
margin: 0px;
}
h2 {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-size: 60px;
margin: 0px;
}
h3 {
font-family: 'Roboto', sans-serif;
font-weight: 500;
font-size: 30px;
margin: 0px;
}
h4 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 25px;
margin: 0px;
color: white;
}
a {
color: white;
font-family: 'Roboto', sans-serif;
font-weight: 700;
font-size: 20px;
}
a:link {
text-decoration: none;
}
.header {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
text-align: center;
background-color: white;
min-width: 100%;
margin-bottom: 60px;
}
.logo {
max-width: 200px;
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px;
}
.boot {
max-width: 300px;
display: block;
margin-left: auto;
margin-right: auto;
padding: 15px;
margin-top: 2%;
margin-bottom: 2%;
}
.center-box {
justify-content: center;
min-width: 100%;
flex: 100%;
margin-bottom: 30px;
}
.contact-box {
background-color: #a6a6a6;
flex: 30%;
margin: 24px;
max-width: 30%;
padding: 5%;
}
.contact-box-2 {
background-color: #a6a6a6;
display: flex;
justify-content: center;
margin: 24px;
max-width: 50%;
padding: 5%;
flex-wrap: wrap;
}
.full-height-container {
display: flex;
min-height: 100%;
}
.flex-row {
display: flex;
padding-left: 30px;
padding-right: 30px;
flex-wrap: wrap;
justify-content: center;
}
.button {
padding: 15px;
background-color: black;
justify-content: center;
max-width: 200px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
flex: 50%;
margin-top: 15px;
margin-bottom: 15px;
}
.button:hover {
background-color: #393939;
}
@media only screen
and (max-device-width: 950px)
and (-webkit-min-device-pixel-ratio: 3) {
div {
width: 100%;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 22px;
}
p {
font-size: 44px;
}
.full-height-container {
min-maxheight: 100vh;
}
.contact-box {
flex: 100%;
max-width: 100%;
}
.contact-box-2 {
flex: 100%;
max-width: 100%;
}
.button {
flex: 100%;
min-max-width: 100%;
margin: 15px;
}
}
VELKOMMEN TIL
GROSSMAN
Grossist og importør av BAAK-vernesko
SIDEN ER UNDER KONSTRUKSJON
