@import url(https://fonts.googleapis.com/css?family=Lora);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Bebas+Neue);
@media all and (min-width: 1200px) {

body {padding: 0; margin: 0; background-color: #0D4815; background-repeat: no-repeat; background-size: 100%; font-family: "Lora", sans-serif; overflow-x: hidden; }

#top-img {margin: -3vw -3vw 0; width: 76vw;}

#main {width: 70%; margin: 3vw auto; background-color: rgba(240,240,240,0.8); padding: 3vw;}

video {width: 80%; border: 0.3vw solid darkgray;}
h1 {font-size: 7vw; color: yellow; margin: 3vw; text-align: center; font-family: "Bebas Neue", sans-serif;}
h2 {font-size: 4vw; margin: 3vw 0 0.1vw; color: black; font-family: "Bebas Neue", sans-serif;}
h3 {font-size: 2vw; margin: 3vw 0 0.1vw; color: black;}
p, li {font-family: "Lora", sans-serif; font-size: 1.3vw; color: black; line-height: 120%; opacity: 0.8;}
a {color: #00f;}
.reply {font-style: italic; margin-left: 5%; color: #800;}
#subtitle {text-align: center; font-size: 2.3vw;}

#email-address {background-color: lightyellow; font-family: "Courier New", "Droid Sans", sans-serif; font-size: 1.7vw; margin: 1vw 0; width: 60vw; max-width: 80%; }
#submit-button {height: 3vw; width: 9vw; font-size: 1.5vw;}
pre {white-space: pre-wrap; word-wrap: break-word; font-size: 1.1vw;}

#guestbook {
   font-family: "courier new", courier, monospace;
   font-size: 1.1vw;}

pre strong::before {
    content: "------ ";
	font-weight: normal;}

#hcb_submit {font-size: 2vw;}
#guestbook textarea, #hcb_form_name {font-size: 1.5em;}
#guestbook input {font-size: 2em;}

.comment {margin-top: 2vw !important;}
textarea {width: 100%; background-color: lightyellow; font-size: 2vw; font-family: "Courier New", "Droid Sans", sans-serif;}
}


@media all and (max-width: 1199px) {
* {font-family: "Lora", sans-serif; font-size: 6vw !important; line-height: 150%;}
body {padding: 0; margin: 0; background-color: #fff; font-family: "Lora";}
#top-img {margin: 0; width: 100%;}
.image {width: 100%;}
#main {width: 100%;}
#mainbox {background-color: white;}
video {width: 100%; border: none;}
h1 {font-size: 18.5vw !important; color: black; margin: 7vw 3vw 5vw; text-align: center; font-family: "Bebas Neue", sans-serif; line-height: 90%; font-weight: normal !important;}
h2 {font-family: "Bebas Neue", sans-serif; font-size: 12vw !important; margin: 15vw 4vw 0.1vw !important; color: black; line-height: 90%; font-weight: normal !important;}
h3 {margin-left: 4vw;}
p, li {font-family: "Lora", sans-serif; font-size: 6vw !important; color: black; line-height: 135%; margin: 6vw 4vw !important;}
.date {margin: 0 4vw 0 !important;}
a {color: #00f;}
#subtitle {text-align: center; font-size: 5vw; margin: 0 3vw;}
textarea {width: 95%; background-color: lightyellow; font-size: 4vw; font-family: "Courier New", "Droid Sans", sans-serif; font-size: 4vw;}
#email-address {background-color: lightyellow; font-family: "Courier New", "Droid Sans", sans-serif; font-size: 3.3vw; width: 95% !important; padding: 0 !important; margin: 0 !important;}
#submit-button {height: 10vw; width: 30vw; font-size: 3vw;}
.home-desc {display: none;}

pre {white-space: pre-wrap; word-wrap: break-word; font-size: 4vw;}

.comment {margin-top: 5vw !important;}
#hcb_submit {font-size: 4vw;}
#guestbook textarea, #hcb_form_name {font-size: 1.5em;}
}

/*.hcb-like, .hcb-flag, #guestbook img {display: none;}*/
#guestbook image, .hcb-like, .hcb-flag {display: none;}
#guestbook h3 {display:none;}