.tanusitvany{
  margin:10px 0px;
  background: url(../papirlap.png) center center no-repeat fixed;
  background-size: cover;
  width:auto;
}

.t-text{
  font-size: 16px;  
}

section{
  line-height: 2.2rem;
  width:100vw;
}

section h2{
  color:black;
  font-size: 20px;
  text-align: center;
  padding-bottom: 10px;
}

section p{
  font-size: 15px;
  line-height: 2rem;
}

#minta{
  display: inline-block;
  margin: 2px 10px 2px 40px;
}

#minta img{
  width:220px;
}

#szinskala{
  display: block;
  float:right;
  margin:25px 10px 10px 10px;
  }

#szinskala img{
  margin:15px 20px;;
  width:230px;
}

#besorolasi-szintek{
  display: block;
  text-align: center;
   }

#besorolasi-szintek img{
  margin:10px 40px 10px 10px;
  width:230px;
}

#house{
  float:right;
  width:200px;
  height:230px;
  margin:20px 55px 5px 20px;
}

#parag-bb{
  margin-top: 13.5rem;
}

@media(min-width:360px) and (max-width:413px){
  #szinskala{
  display: block;
  float:right;
  margin:25px 10px 10px 10px;
  }
  
#szinskala img{
  margin:15px 20px;;
  width:290px;
}

#minta{
  display: inline-block;
  margin: 2px 10px 2px 40px;
}
  
#minta img{
  width:280px;
}
  
#house{
  float:right;
  width:250px;
  height:230px;
  margin:20px 55px 5px 20px;
  }
  
}

@media(min-width:414px) and (max-width:768px){

  #szinskala{
  display: block;
  float:right;
  margin:25px 10px 10px 10px;
  }
  
#szinskala img{
  margin:15px 20px;;
  width:340px;
}

#minta{
  display: inline-block;
  margin: 2px 10px 2px 40px;
}
  
#minta img{
  width:320px;
}
  
  #house{
    float:right;
  width:280px;
  height:230px;
  margin:20px 55px 5px 20px;
  }

#besorolasi-szintek img{
  margin:10px 40px 10px 10px;
  width:330px;
  }
  
}

@media (min-width:640px) and (max-width:768px){

#parag-bb{
  margin-top: 2rem;
}
  
#szinskala{
  margin-bottom: 0px;
  }
  
}

@media (min-width: 768px){

.t-text{
  font-size: 32px;  
}

#szinskala{
  display: block;
  float:right;
  margin:10px 0 0 10px;
  }
  
#szinskala img{
  margin:7px;
  width:300px;
}
  
section{
  line-height: 2rem;
}
  
section h2{
  color:black;
  font-size: 28px;
  text-align: center;
  padding-bottom: 10px;
}

section p{
  font-size: 24px;
  line-height: 2.2rem;
}  
  
#besorolasi-szintek img{
  margin:10px 40px 10px 10px;
  width:700px;
}

#parag-bb{
  margin-top: 3.5rem;
}
  
#szinskala img{
  margin-top:50px;
  width:300px;
}
  
#lepesek{
  margin-bottom: 30px;
}
  
#minta img{
  margin-top: 20px;
  width:480px;
  }
  
}

@media (min-width: 768px){
  #minta img{
    width:700px;
  }
}

@media (min-width: 1024px){
  #house{
    width:270px;
    height:220px;
    margin:20px 55px 2px 20px;
  
  }
  #minta img{
    width:800px;
    margin-right: 30px;
  }
}

@media (min-width: 1280px){

  section{
  line-height: 2.2rem;
  width:95vw;
  padding: .1rem .1rem;
}

section p{
  padding-left: 10px;
}

#szinskala{
  display: block;
  float:right;
  margin:58px 0px 1px 10px;
  }
#szinskala img{
  margin:2px;
  width:300px;
}

#minta img{
  width:800px;
  margin-right: 0px;
}
  
}

@media (min-width: 1280px){
  #minta img{
    width:1000px;
  }
}