*, ::after, ::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333366;
    text-align: left;
    background-color: #fff
}

[hidden] {
    display: none !important
}

.page-holder {
  min-height: 100vh;
}

.bg-cover {
  background-size: cover !important;
}

#topcont {
}
#topbox {
	padding-top: 20px;
	font-size: 30px;
    font-weight: bold;
	text-align: center;
}

.col1 {
  width: 240px;
}

.container {
  width: 560px;
  height: 360px;
  margin: 40px auto;
}

@media (max-width: 600px) {
.col1 {
  width: 320px;
}

.container {
  width: 320px;
  height: 840px;
}
}