@font-face {font-family:'Edwardian Script ITC'; src: url('fonty/ITCEDSCR.TTF');}
@font-face {font-family:'Engravers MT'; src: url('fonty/ENGR.TTF');}
@font-face {font-family:'Scriptina'; src: url('fonty/SCRIPTIN.ttf');}
@font-face {font-family:'Gruppo'; src: url('fonty/Gruppo-Regular.ttf');}
@font-face {font-family:'AvantGarGotltcT'; src: url('fonty/a010013t.ttf');}

*, *::before, *::after {box-sizing: border-box;}
* {margin:0; padding:0;}

body {font-family: 'AvantGarGotltcT'; font-size:1.4em;}

table {width: 100%; color: white; background-color: rgba(0, 0, 0, 0.5);}
#bunka1 {width: 80%; text-indent: 8vw; font-size: 2vw;}
#bunka2 {width: 20%;}

h2 {margin-top: -2vw; font-family: 'Scriptina'; font-size: 3vw; font-weight:normal;}

@media only screen and (max-width: 800px) {
#bunka1 {width: 70%; text-indent: 8vw; font-size: 3vw;}
#bunka2 {width: 30%;}
}