/*@font-face { font-family: "Camcorder"; src: url("camcorder_reg.eot") format("eot"); src: url("camcorder_reg.eot?#iefix") format('embedded-opentype'), url("camcorder_reg.woff") format("woff"), url("camcorder_reg.ttf") format("truetype"), url("camcorder_reg.svg#camcorder_reg") format("svg"); font-style: normal; font-weight: normal; }
@font-face { font-family: "Bit"; src: url("VT323-Regular.eot") format("eot"); src: url("VT323-Regular.eot?#iefix") format('embedded-opentype'), url("VT323-Regular.woff") format("woff"), url("VT323-Regular.ttf") format("truetype"), url("VT323-Regular.svg#VT323-Regular") format("svg"); font-style: normal; font-weight: normal; }
*/
@font-face { font-family: "Milonga"; /*src: url("camcorder_reg.eot") format("eot"); src: url("camcorder_reg.eot?#iefix") format('embedded-opentype'), url("camcorder_reg.woff") format("woff"), */ src: url("Milonga-Regular.ttf") format("truetype"); /*, url("camcorder_reg.svg#camcorder_reg") format("svg"); */ font-style: normal; font-weight: normal; }
@font-face { font-family: "Viga"; /*src: url("camcorder_reg.eot") format("eot"); src: url("camcorder_reg.eot?#iefix") format('embedded-opentype'), url("camcorder_reg.woff") format("woff"), */ src: url("Viga-Regular.ttf") format("truetype"); /*, url("camcorder_reg.svg#camcorder_reg") format("svg"); */ font-style: normal; font-weight: normal; }

html, body { margin:0; padding:0;}
body { background-color: #d8351f; font-family: "Viga", "Arial Black", "Arial Bold", Gadget, sans-serif; color: #e9d602; }
img { max-width: 100%; border-width: none; border-style: none; }
a { border: none; color: orange; }
h1 { text-align: center; font-size: 2.5vw; }
p {  font-size: 1.4em; text-align: left;}
#getitnow{  width: 50%;  text-align: center;  display: inline-block; }
div.navbar {  
  width: 100%;
  position: fixed;
  clear: both;
  z-index: 2;
}
div.navbar img{  
  width: 10%;
  min-width: 100px;
}

div.navbar p, div.navbar a{
  text-align: center;
}

.container_2 { width: 100%; margin: 0px}
.grid_left, .grid_right, .grid_center, .grid_about, .grid_prologue, .grid_left50, .grid_right50 {display: inline-block; position: relative;}
.grid_left  { float: left; margin-left: 5%; margin-right: 1%; width: 15%; }
.grid_right  {  float: right; margin-left: 1%; margin-right: 5%; width: 15%;}
.grid_center  {float: none; }
.grid_about { float: left; margin-left: 3%; margin-right: 1%; width: 40%; }
.grid_prologue { float: left; margin-left: 1%; margin-right: 1%; width: 49%;   text-align: center; }
.grid_left50 { float: left; margin-left: 1%; margin-right: 0%; width: 48%; border: .25em solid #e9d602;}
.grid_right50 { float: right; margin-left: 0%; margin-right: 1%; width: 48%; border: .25em solid #e9d602; }
.grid_codex1 { float: left;  width: 48%; }
.grid_codex2 { float: right; width: 48%; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.clearfix:after { clear: both; content: " "; display: block; font-size: 0px; line-height: 0; visibility: hidden; width: 0px; height: 0px; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


#home { 
  text-align: center; 
  width: 100%;
  background-image: url("images/field.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: cover;
}
#home img {width: 30%; min-width: 150px;}
#clearboth {
  clear: both;
}

#home p{
  text-align: center;
  padding-bottom: 60px;
  font-size: 1.5em;
}
#hometext p{ padding-bottom: 0px;}

#home p > span {
  background: #f1c802;
  border-radius: .5em;
  box-shadow: 0 .1em 0 #9DBBC0, .2em .3em 0 #431;
  color: transparent;
  letter-spacing: .15em;
  margin: 0 -2em;
  text-shadow: .2em 0 0 #542;
}

#about {
  width: 100%;
  background-image: url("images/hearts.gif");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  background-size: cover;
}
#about p{
  text-align: left;
  display: inline-block;
}

#about p:first-letter { font-size: 150%; }
#about p:first-line { line-height: 100%; }

#about i{
  background-color: #000000;
  color: #878787;
  font-style: normal;
}
#about h1{
  text-align: left;
}
#about iframe {
  clear: both;
}
#nettle {   
  padding-bottom: 20px;  
}

#nettle p{
  padding-left: 12%;
  padding-right: 12%;
  text-align: center;
}

#media {
  width: 100%;
  text-align: center;
  background-image: url("images/hearts-top.gif");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  background-size: cover;
}

#media iframe {
  clear: both;
}
#media p{
  font-weight: normal;
  text-align: center;
}
#media p > span {
  background: #F5D7A4;
  border-radius: .5em;
  box-shadow: 0 .1em 0 #9DBBC0, .2em .3em 0 #431;
  color: transparent;
  letter-spacing: .2em;
  margin: 0 -8em;
  text-shadow: .2em 0 0 #542;
}

#logo {  
  width: 23%;  
  min-width: 260px;  
  padding-top: 15px;
}

#mc_embed_signup {  
  font-size: 1.2em;  
  clear: left;  
  min-width: 180px;  
  list-style-type: square;  
  list-style-position: inside;  
  text-align: center;
}

#mc_embed_signup ul > li {  
  text-align: center;  
  text-indent: -30px;
}

#SubscribeText {  
  font-size: 1.4em;  
}

#booty img{
  /*width: 30%;
  min-width: 250px;
  float: left;
  margin:5px;*/
}

#footer {  
  text-align: center;  
  font-size: 1.5em;
}
#footnote{
font-size: x-small;
 text-align: center;
}
@media screen and (max-width: 1400px) {
  #home p{ font-size: 1.3em;} 
}


@media screen and (max-width: 1195px) {
  .grid_about { width: 100%; }
  .grid_prologue { width: 100%; }
  #about p {  width: 95%; font-size: 1.1em;}
  #home p{ font-size: 1.2em; padding-bottom: 25px;} 
   #clearboth {  clear: none;}
}

@media screen and (max-width: 1008px) {
  #home p{ padding-bottom: 10px; font-size: 1.1em; } 
}

@media screen and (max-width: 825px) {
  container_2 { width: 100%; margin-left: 0%; margin-right: 1%; margin-bottom: 20px; }
  .grid_left {width: 100%;}
  .grid_right {width: 100%;}
  #home img {width: 50%; min-width: 150px;}
  #home p{ padding-bottom: 5px;}  
  #reviews img{  width: 40%;}
  #love p{  font-size: 0.8em; padding-left: 4%; padding-right: 4%;  /*text-indent: 4em;*/  }
   h1 {font-size: 1.8em}
  .grid_left50 {width: 100%; margin-left: 1%; margin-right: 1%;}
  .grid_right50 {width: 100%; margin-left: 1%; margin-right: 1%;}
  .grid_codex1 { width: 100%; }
  .grid_codex2 { width: 100%; }
}