body { background-color: rgb(79, 206, 168); background-image: url(img/szegely.png); background-size: 80px; background-repeat: repeat-y; background-position: right top; padding: 15px 95px 15px 15px; } h1 { text-align: center; font-size: 40px; font-weight: bold; color: rgb(215, 242, 250); padding-top: 30px; } h2 { text-align: left; font-size: 35px; padding: 50px; color: antiquewhite; text-align: center; } table { width: 1000px; text-align: justify; background-color:rgb(196, 255, 228); border-radius: 10px; } .meret { width: 50%; height: auto; } .meret3 { width: 70%; height: auto; } .tables{ text-align: center; } .voltimg{ height: 70%; width: 90%; } .szinimg{ height: 50%; width: 70%; } .img{ width: 370px; height: 300px; padding-left: 5%; } @media (max-width: 70%){ } .meret2. { width: 100%; max-height: 500px; padding: 50px; } .hastable{ max-width: 650px; text-align: justify; background-color:bisque; border-radius: 10px; } .carousel-inner img { width: 100%; height: 90%; } .meret2 { width: 100%; max-height: 400px; padding: 50px; }