html {
background-color: #277332;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
overflow: hidden;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
}
div {
margin: 0;
padding: 0;
}
hr {
background-color: #277332;
color: #277332;
}
p {
color: #000;
line-height: 1.7;
}
a {
color: #23527c;
display: block;
}
.anchor_target:target {
padding-top: 110px;
}
div.margins {
min-height: 70vh;
padding-bottom: 20px;
margin-top: 50px;
}
li.lineheight {
line-height: 1.7;
}
h2.frontpage {
color: white;
}
h3.black {
color: whitesmoke;
font-weight: bold;
}
h4 {
color: black;
}
i.margin {
margin-right: 20px;
}
nav.pal_nav {
background-color: #277536;
margin-bottom: 0;
}
a.logo_padding {
padding: 1px;
margin-top: 0px;
}
a.dropdown-item{
font-size: 14px;
}
.logo_frontpageimg{
width: 84px; 
height: 110px;
margin-top: 200px;	
}
.container {
padding: 40px 30px;
}
.kokotable {
border-collapse: collapse;
border: 1.5px solid black;
width: 100%;
align-items: center;
align-self: auto;
margin-top: 30px;
box-shadow: 2px 2px 8px #277332;
}
td,
th {
border: 1px solid #000;
padding: 5px;
text-align: center;
width: 22%;
min-height: 25%;
}
tr {
height: 50px;
}
tr.large {
width: 40%;
}
th.large {
width: 40%;
}
#white {
background-color: #fff;
min-height: 300px;
color: #000;
}
.lajit_page_img_margin{
margin-top: 60px;
}
footer {
background-color: #277536;
color: white;
padding: 2px;
margin: 0px;
width: 100%;
height: 150px;
line-height: 60px;
border-bottom-color: #277332;
}
footer a{
color:white;
padding: 0;
}
footer a:hover {
color: #23527c;
text-decoration: none;
}
footer.footer-text{
padding: 20px;
color: white;
}
.form-control {
border-radius: 0;
}
textarea {
resize: none;
}
.logo {
padding-top: 40px;
}
.logo-text {
padding-top: 10px;
}
div.border {
border-color: black;
background-color: whitesmoke;
min-height: 350px;
min-width: 190px;
margin: 2px;
margin-bottom: 20px;
}
.hakuryhmät_margin {
margin-top: 40px;
min-height: 400px;
}
.etusivu_margin {
margin-top: 40px;
min-height: 500px;
}
li.margin {
text-align: center;
margin-left: 20px;
padding: 20px 0px;
}
li.marginxl {
text-align: center;
padding: 20px 0px;
}
div.contact {
padding: 10px;
}
.event {
font-size: 40px;
margin-bottom: 10px;
margin-top: 10px;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: page;
}
btn-success,
btn {
color: #277332;
background-color: #277332;
border-color: #277332;
}
.add_jasenyys {
padding: 75px 0px;
}
.kenttä_margin {
padding: 20px 100px;
border: 5px solid #277332;
background-color: white;
margin-bottom: 20px;
}
.kenttä_margin_maasto {
padding: 20px 100px;
border: 5px solid #277332;
background-color: white;
margin-bottom: 20%;
}
div.tausta_tapahtumat {
border-radius: 0.5%;
background-color: rgb(39,117,54);
margin-bottom: 50px;
}
.img_card{
margin-left: 0;
margin-right: 0;
margin-bottom: 40px;
}
.img_card p {
margin-top: 15px;
line-height: 7px;
}
.img_card img {
width: auto;
height: 201px;
}
@media (max-width: 1024px) {
.kenttä_margin {
border: 5px solid #277332;
margin: 0;
background-color: white;
text-align: left;
padding: 20px;
}
.kenttä_margin_maasto {
border: 5px solid #277332;
margin: 0;
background-color: white;
text-align: left;
padding: 20px;
margin-bottom: 20%;
}
.btn, btn-success {
font-size: 13px;
}
.img_card p {
margin-top: 15px;
line-height: 7px;
font-size: 12px;
}
li.margin {
text-align: center;
margin-left: 5px;
padding: 20px 0px;
}
li.marginxl {
text-align: center;
padding: 20px 0px;
}
}
@media (max-width: 812px) {
.logo_frontpageimg{
width: 84px; 
height: 110px;
margin-top: 200px;	
}
li.margin {
text-align: center;
margin-left: 1px;
padding: 0px;
}
li.marginxl {
text-align: center;
padding: 0px;
}
}
@media (max-width: 600px) {
h2.frontpage {
margin-top: 5vh;
color: white;
}
.logo_frontpageimg{
width: 84px; 
height: 110px;
margin-top: 200px;	
}
.btn, btn-success {
font-size: 16px;
}
.hakuryhmät_margin {
margin-top: 10px;
min-height: 290px;
}
.lajit_page_img_margin{
margin-top: 30px;
}
.kenttä_margin {
border: 5px solid #277332;
margin: 0;
background-color: white;
text-align: left;
padding: 10px;
}
.kenttä_margin_maasto {
border: 5px solid #277332;
margin: 0;
background-color: white;
text-align: left;
padding: 10px;
margin-bottom: 20%;
}
div.margins {
min-height: 570px;
padding: 20px 20px;
margin-top: 30px;
}
.container {
padding: 8px 6px;
}
footer {
background-color: #277536;
color: white;
padding: 1px;
margin: 0px;
width: 100%;
height: 150px;
line-height: 60px;
border-bottom-color: #277332;
}
footer a:hover {
color: #5c6b76;
text-decoration: none;
}
li.margin {
margin-left: 0;
padding: 0;
}
li.marginxl {
padding: 0px;
}
}