body {
overflow-x: hidden;
}
.header {
width: 100%;
}
.tekst {
width: 80%;
text-align: left;
}
.row {
width: 100%;
box-shadow: inset -7px -17px 17px 12px grey;
}
#left {
width: 100%;
height: 240px;
}
.header_title h3 {
text-align: center;
color: green;
font-style: italic;
margin-top: -11%;
}
#left img {
margin-left: 10%;
}
#right {
padding: 0;
margin: 0;
height: 10px;
width: 100%;
right: 10px;
}
#right img {
width: 65%;
margin-left: 35%;
object-fit: cover;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
font-family: cursive;
}
a:hover {
color: black;
text-decoration: none;
} .dropbtn1 {
background-color: dimgray;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
}
.dropbtn2 {
background-color: green;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
}
.dropbtn3 {
background-color: goldenrod;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
}
.dropbtn4 {
background-color: orange;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
}
.dropbtn5 {
background-color: #eb4a14;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
}
.dropbtn6 {
background-color: #c08c3f;
color: white;
padding: 16px;
margin: 10px;
font-size: 16px;
border: none;
} .dropdown {
position: relative;
display: inline-block;
}
.dropdown:hover {
cursor: pointer;
} .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
width: 250px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
} .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
} .dropdown-content a:hover {
background-color: #ddd;
margin-left: 5px;
border-left: 5px solid black;
transition: 0.4s;
text-shadow: 4px 3px 4px gray;
} .dropdown:hover .dropdown-content {
display: block;
} .dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.dropbtn1:focus {
border: 1px solid lightgray;
box-shadow: 6px 6px 8px 2px #353333;
}
.dropbtn2:focus {
border: 1px solid lightgray;
box-shadow: 6px 6px 8px 2px #353333;
}
.dropbtn3:focus {
border: 1px solid lightgray;
box-shadow: 6px 6px 8px 2px #353333;
}
.dropbtn4:focus {
border: 1px solid lightgray;
box-shadow: 6px 6px 8px 2px #353333;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
box-shadow: 5px 5px 6px 0px black;
}
.justify-content-center {
height: 200px;
justify-content: center !important;
}
.nav-item:hover {
color: black;
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 0rem;
background-color: #e9ecef;
border-radius: .3rem;
}
.container {
max-width: none;
align-content: flex-start;
padding-right: 700px;
font-size: 6px;
}
.display-4 {
font-size: 34px;
}
.lead {
font-size: 16px;
}@media (max-width: 575.98px) {
#left {
width: 100%;
height: 98px;
}
#left img {
margin-left: 2%;
width: 50px;
margin-top: 6px;
}
.header_title h3 {
text-align: center;
color: green;
font-style: italic;
margin-top: -8%;
font-size: 18px;
margin-left: 3%;
}
#right img {
width: 43%;
margin-left: 62%;
object-fit: cover;
margin-top: -41%;
}
.dropbtn1 {
background-color: dimgray;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.dropbtn2 {
background-color: green;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.dropbtn3 {
background-color: goldenrod;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.dropbtn4 {
background-color: orange;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.dropbtn5 {
background-color: #eb4a14;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.dropbtn6 {
background-color: #c08c3f;
color: white;
padding: 10px;
margin: 8px;
font-size: 16px;
border: none;
}
.justify-content-center {
height: 113px;
}
.yourcontent {
margin-left: -8%;
}
.dropdown a {
color: #007bff;
text-decoration: none;
background-color: transparent;
font-family: cursive;
font-size: 8px;
}
.display-4 {
font-size: 25px;
width: 320px;
}
.jumbotron p {
margin-bottom: -10px;
font-size: 10px;
font-weight: 200;
width: 300px;
}
.fotter {
float: left;
width: 320px;
margin-top: 4%;
}
} @media (min-width: 576px) and (max-width: 767.98px) {
#left {
width: 100%;
height: 98px;
}
.header_title h3 {
text-align: center;
color: green;
font-style: italic;
margin-top: -8%;
font-size: 18px;
margin-left: -40%;
}
#left img {
margin-left: 2%;
width: 40px;
margin-top: 6px;
}
.justify-content-center {
height: 113px;
}
.dropdown a {
color: #007bff;
text-decoration: none;
background-color: transparent;
font-family: cursive;
font-size: 12px;
}
.display-4 {
font-size: 25px;
width: 400px;
}
.jumbotron p {
margin-bottom: -10px;
font-size: 12px;
font-weight: 200;
width: 457px;
}
.fotter {
float: left;
width: 607px;
}
} @media (min-width: 768px) and (max-width: 991.98px) {
#left {
width: 100%;
height: 131px;
}
.header_title h3 {
text-align: center;
color: green;
font-style: italic;
margin-top: -11%;
font-weight: unset;
font-size: 20px;
}
#left img {
margin-left: 2%;
width: 50px;
margin-top: 6px;
}
.justify-content-center {
height: 113px;
}
.dropdown a {
color: #007bff;
text-decoration: none;
background-color: transparent;
font-family: cursive;
font-size: 12px;
}
.display-4 {
font-size: 30px;
width: 400px;
}
.jumbotron p {
margin-bottom: 10px;
font-size: 16px;
font-weight: 200;
width: 648px;
}
.fotter {
float: left;
width: 812px;
}
} @media (min-width: 992px) and (max-width: 1199.98px) {
#left {
width: 100%;
height: 169px;
}
#left img {
margin-left: 2%;
width: 50px;
margin-top: 6px;
}
.justify-content-center {
height: 113px;
}
.dropdown a {
color: #007bff;
text-decoration: none;
background-color: transparent;
font-family: cursive;
font-size: 12px;
}
.display-4 {
font-size: 30px;
width: 400px;
}
.jumbotron p {
margin-bottom: 10px;
font-size: 16px;
font-weight: 200;
width: 702px;
}
.fotter {
float: left;
width: 979px;
}
}