@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Slab Light'),
    local('RobotoSlab-Light'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-300.woff2") format('woff2'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-300.woff") format('woff');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Slab Regular'),
    local('RobotoSlab-Regular'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-regular.woff2") format('woff2'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-regular.woff") format('woff');
}

@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Slab Bold'),
    local('RobotoSlab-Bold'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-700.woff2") format('woff2'),
    url("/site/templates/fonts/roboto-slab/roboto-slab-v7-latin_latin-ext-700.woff") format('woff');
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 400;
  src: local('Teko Regular'),
    local('Teko-Regular'),
    url("/site/templates/fonts/teko/teko-v7-latin_latin-ext-regular.woff2") format('woff2'),
    url("/site/templates/fonts/teko/teko-v7-latin_latin-ext-regular.woff") format('woff');
}

@font-face {
  font-family: 'Teko';
  font-style: normal;
  font-weight: 600;
  src: local('Teko SemiBold'),
    local('Teko-SemiBold'),
    url("/site/templates/fonts/teko/teko-v7-latin_latin-ext-600.woff2") format('woff2'),
    url("/site/templates/fonts/teko/teko-v7-latin_latin-ext-600.woff") format('woff');
}

span a {
  color: grey;
}

span a:hover {
  color: white;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1.5rem;
  font-size: 1.1rem;
  background-color: midnightblue;
  /*#84ceeb;*/
  ;
}

.container-fluid {
  padding: 0;
}

p {
  margin: 10px;
}

header {
  text-align: center;
}

.underline {
  text-decoration: underline;
}

/*Main*/
main {
  text-align: left;
  max-width: 50rem;
  margin: 0 auto;
  position: relative;
  top: 60px
}

.anchor {
  margin-top: -60px;
  padding-bottom: 60px;
  display: block;
}



h1 {
  text-align: center;
}

h2 {
  text-align: center;
  font-size: 150%;
}

h3 {
  font-size: 120%;
  text-align: center;
}

section {
  border-radius: 5px;
}

/*Banner*/
.banner {
  background-color: #556a90;
  color: white;
  text-align: center;
  margin-top: -5px;
  padding: 30px 40px;
  width: 100%;
  justify-content: center;
  background-image: url(images/banner.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}

.banner h1 {
  font-weight: bold;
}

.bigbold {
  font-weight: bold;
  font-size: 1.2em;
}

.boldcenter {
  font-weight: bold;
  text-align: center;
}

.hkek {
  background-color: burlywood;
  padding: 5px;
  margin: 10px 0;
  border-radius: 5px;
}

/*Mit teszünk*/
ol#mit {
  padding-left: 20px;
}

/*button*/
.button {
  padding: 8px;
  margin: 8px;
  border-radius: 40%;
  filter: drop-shadow(1px 1px 1px black);
  width: 55px;
}

/*A JELÖLTEK VÁLASZAI*/
.card {
  margin: 0 10px;
}

.credit {
  font-size: 0.7rem;
  text-align: left;
  color: grey;
}

.card-img-top {
  height: 200px;
  max-width: width:200px;
}

/*kezdemenyezők*/
#kezdemenyezok {}

/*Adomanyozz*/
#adni {
  background: #256df3;
  background-image: url(images/adom.jpg);
  background-size: cover;
  background-position: center;
  outline: 6px double rgba(255, 255, 255, 0.95);
  outline-offset: -.6rem;
  padding: 20px;
  text-align: center;
}

#osszeg {
  font-size: 36px;
  font-weight: 700;
  margin-top: 2rem;
}

/*kezdemenyezok*/
#kezdemenyezok {
  padding: 2rem;
}

/*sajto*/
#sajto {
  border-left: 2px solid black;
}

/*Aloldalak*/
.aloldal {
  background-color: burlywood;
  padding: 30px;
  border-radius: 5px;
}

/*Nyilatkozat.html*/
#jogilag {
  text-align: center;
}

p #jogilag {
  margin: 20px;
  font-size: 1.2rem;
}

/*Nyilatkozatterv.html*/
#jobb {
  text-align: right;
}

ol #abc {
  list-style: lower-latin;
}

footer {
  max-width: 50rem;
  margin: 0 auto;
  position: relative;
  top: 55px;
  text-align: left;
}

#letolt {
  position: fixed;
  right: -15px;
  top: 300px;
}

/*Kerjuk*/
#szbd {
  text-align: center;
  font-weight: 400;
  font-size: 30px;
  color: brown;
}

/*Level*/
.szbd {
  color: brown;
}

/*Alairtak*/
.sidebar {
  position: fixed;
  left: 0px;
  max-width: 140px;
}

.sidebutton {
  width: 60px;
  padding: 5px;
  margin: 3px;
  background-color: burlywood;
}

.kerulet {
  background-repeat: no-repeat;
  background-position: center;
  background-color: peru;
  padding: 10px;
  margin: 10px;
  border: 1px outset brown;
}

.doubleanchor{
margin-top: -160px;
padding-bottom:160px;
display: block;
}

#fixme{position: fixed;
  top:56px;
  background-color: burlywood;
  max-width:48rem;
margin: 0 auto;
}

#also{
  margin: 0 auto;
}


/*mobil version */
@media only screen and (max-width:480px) {
  .aloldal {
    padding: 0;
  }
  #fixme{position: fixed;
    top:46px;
    background-color: burlywood;
    max-width:48rem;
  margin: 0 auto;
  }
}

/* Extra classes */
.aloldal .align_left {
    float: left;
    margin: 0 20px 20px 0;
}

.aloldal .align_right {
    float: right;
    margin: 0 0 20px 20px;
}