* { margin: 0; padding: 0;}

html { background-color: #000;}
body { background-color: #000; text-align: center;}

main { padding: 5% 0;}

img.kobi { width: 90%; margin-bottom: 5%;}

p { color: #fff; line-height: 1.8em; margin: 0; padding: 0;}

p.hp { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; font-size: 3em;}

p.mail { font-family: Helvetica, Arial, "sans-serif"; font-weight: bold; font-size: 1em; margin-top: -20px;}

ul { list-style: none; display: flex; width: 9%; margin: 0 auto 2%;}
ul li { width: 50%;}
ul li img { width: 70%;}

@media (max-width: 1000px) {

main { padding: 10% 0 5% 0;}

p.hp { font-size: 2.5em;}
p.mail { margin-top: -15px;}

ul { width: 22%;}

}