/* style.css */


@font-face {
    font-family: 'yorickregular';
    src: url('fonts/yorick-regular-demo-webfont.woff2') format('woff2'),
         url('fonts/yorick-regular-demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yorickbold';
    src: url('fonts/yorick-bold-demo-webfont.woff2') format('woff2'),
         url('fonts/yorick-bold-demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




body {
	-webkit-text-size-adjust: 100%;
	font-size: 19px;
	font-family: 'yorickregular', courier new;
	margin: 30px 30px 0px 30px;
	background-color: #dedede;
	letter-spacing: -1px;
	font-weight: normal;
}

body.issue1 {
	background-color: #ffd5c2;
}

body.issue2 {
	background-color: #edccab;
}



h1, h2, h3, h4, h5, body {
	font-size: 19px;
	font-weight: normal;
}

a {
	border-bottom: 2px solid black;
	text-decoration: none;
	color: black;
}

a:hover {
	border-bottom: 2px solid transparent;
}

img {
	width: 100%;
	height: auto;
	float: left;
	margin-right: 30px;
}

.archive-image {
	margin: 20px 0px 10px 0px;
}

hr {
	border-style: solid;
	color: black;
	clear: both;
	margin: 30px 0px;
}

.top-menu {
	border-bottom: 2px solid black;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.menu-item {
	display: inline-block;
	padding-right: 20px;
}

.column-left {
	width: 48%;
	float: left;
	margin-right:30px;
	margin-bottom: 30px;
}

.column-right {
	width: 48%;
	float: left;
	clear: right;
	margin-bottom: 30px;
}

.column-archive-1 {
	width: 32%;
	float: left;
	margin-right:2%;
	margin-bottom: 30px;
}

.column-archive-2 {
	width: 32%;
	float: left;
	margin-right:2%;
	margin-bottom: 30px;
}

.column-archive-3 {
	width: 32%;
	float: left;
	margin-right:0px;
	margin-bottom: 30px;
}

.caption {
	font-size: 12px;
	margin: 10px 0px 20px 0px;
	float: left;
}

select {
	font-size: 19px;
	line-height: 27px;
	font-family: 'yorickregular', courier new;
	background-color: white;
	border: 2px solid black;
	letter-spacing: -1px;
	width: 340px;
}

.custom-label {
   	float: left;
   	clear: both;
}

.custom-input {
    float: left;
    clear: both;
    padding: 20px;
    margin: 10px 0;
    border: 2px solid black;
    font-size: 19px;
	font-family: 'yorickregular', courier new;
	border-radius: 6px;
	display: inline-block;
	letter-spacing: -1px;
}

.custom-input-text {
	width: 97%;
    float: left;
    clear: both;
    padding: 20px;
    margin: 10px 0;
    border: 2px solid black;
    font-size: 19px;
	font-family: 'yorickregular', courier new;
	display: inline-block;
	letter-spacing: -1px;
}

.custom-textarea {
    width: 97%;
	float: left;
	clear: both;
	padding: 20px;
	margin: 10px 0;
	border: 2px solid black;
	min-height: 300px;
	font-size: 19px;
	font-family: 'yorickregular', courier new;
	letter-spacing: -1px;
}

.custom-button {
	font-size: 19px;
	font-family: 'yorickregular', courier new;
    background-color: black;
    color: #fff;
    border: none;
    padding: 20px 30px;
    cursor: pointer;
    float: left;
    border-radius: 6px;
    margin: 30px 0px;
	letter-spacing: -1px;
	width: 340px;
}

.custom-button-white {
	font-size: 19px;
	font-family: 'yorickregular', courier new;
    background-color: white;
    color: black;
    border: none;
    padding: 20px 30px;
    cursor: pointer;
    float: left;
    border-radius: 6px;
    margin: 30px 0px;
	letter-spacing: -1px;
	width: 340px;
	clear: right;
}

.custom-button-clear {
	font-size: 19px;
	font-family: 'yorickregular', courier new;
    background-color: black;
    color: white;
    border: none;
    padding: 20px 30px;
    cursor: pointer;
    float: left;
    border-radius: 6px;
    margin: 30px 0px;
    clear:both;
	letter-spacing: -1px;
}

.blacksection {
	background-color: black;
	width: 100%;
	color: white;
	padding: 30px;
	margin: 30px 0px 0px 0px;
	margin-left: -30px;
	display: inline-block;
}

.blacksection a {
	border-bottom: 2px solid white;
	text-decoration: none;
	color: white;
}

.blacksection hr {
	color: white;
}

.whitesection {
	background-color: white;
	width: 100%;
	color: black;
	padding: 30px;
	margin: 0px 0px 30px 0px;
	margin-left: -30px;
	display: inline-block;
}

tbody, table {
	-webkit-border-horizontal-spacing: 0px;
}

.footer {
	float:left;
	clear:both;
	margin-bottom:30px;
}

#rotate-posters {
	width: 100%;
	margin-bottom: 30px;
}




/* Media query for screens with a maximum width of 768px */
@media (max-width: 1000px) {
  body {
    margin: 20px;
  }
  
body, h1, .custom-input, .custom-textarea, .custom-button, .custom-button-clear, .custom-button-white, select  { font-size: 14px;}
  
.custom-label {
   	float: left;
   	clear: both;
}

.custom-input {
	width: 90%;
    font-size: 10px;
    font-family: 'yorickregular', courier new;
}

.custom-textarea {
    width: 90%;
    font-size: 12px;
}

.custom-button, .custom-button-clear, .custom-button-white, select {
	padding: 10px 20px;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
}

.column-left, .column-right {
	width: 100%;
	margin-bottom: 0px !important;
}

select {
	border: 1px solid black;
	border-radius: 6px;
	color: black;
	height: 30px;
	margin-bottom: 4px;
}

hr {
	border: 0.5px solid black;
}

.top-menu {
	border-bottom: 1px solid black;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.custom-input-text {
	width: 90%;
}

.blacksection, .whitesection {
	padding: 30px 20px 30px 30px;
}

img {
	width:100%;
	height: auto;
	float: left;
	margin-right: 30px;
 }
 
 a {
	 border-bottom: 1px solid black !important;
 }
 
 .column-archive-1 {
	width: 100%;
	float: left;
	clear: right;
	margin-right: 0px;
	margin-bottom: 30px;
}

.column-archive-2 {
	width: 100%;
	float: left;
	clear: right;
	margin-right:0px;
	margin-bottom: 30px;
}

.column-archive-3 {
	width: 100%;
	float: left;
	clear: right;
	margin-right:0px;
	margin-bottom: 30px;
}