@charset "UTF-8";
/* CSS Document */                    
/*
Theme Name: Single page site media pain with six squares
Author: Christopher Bogush
Author URI: http://www.christopherbogush.com
Copyright 20200125
Version: 01
*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
START Globel styles

NOTE:  Add styles that apply to all screen sizes, universal 
selectors, etc. and do no harm when media queries are applied.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

	/* BEGIN limited reset */
	html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr, input {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  vertical-align:baseline;
	  font-family:'Verdana', Arial, Helvetica, sans-serif;
	}

	address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary, input {
	  display: block;
	}
	/* END limited reset */

	/* BEGIN universal selectors */
	body {
	  font-size: 14px;
	  color:#007BD4;
	  background-color:#000000;
	  display: block;
	}

	p {
	  font-size:14px;
      line-height:1.4em;
	}

	h1 {
	  font-size:40px;
      line-height:1.4em;
	  font-weight:normal;
	}

	h2 {
	  font-size:24px;
      line-height:1.4em;
	  font-weight:normal;
	}

	h3 {
	  font-size:20px;
      line-height:1.4em;
	  font-weight:normal;
	}

	h4 {
	  font-size:16px;
      line-height:1.4em;
	  font-weight:normal;
	}

	a {
	  text-decoration: none;
	  color: #007BD4;
	}
	
	a:hover {
	  color: #10F50A;
	}	

  /*a:visited {
	  color:#990000;
	}*/

	a.phone {
	  border: none;
	  color: inherit;
	}
	
	a.phone:hover {
	  border: none;
	  color: inherit;
	  cursor: default;
	}

	.bottom {
	  position: absolute;
	  bottom: 0px;
	}

	/* END universal selectors */
	
	/* BEGIN html5 float sections */

	nav {
	  display: block;
	}

	main {
	  display: block;
	}
	
	footer {
	  display: block;
	}

	form {
	  display: none;
	}

	/* BEGIN section html5 sections */

	/* BEGIN Color Selections */

	.bk_lavender {
	  background-color:#6939CE;
	}

	.cl_lavender {
	  color:#6939CE;
	}

	.bk_blue {
	  background-color:#007BD4;
	}

	.cl_blue {
	  color:#007BD4;
	}

	.bk_grey {
	  background-color:#808080;
	}

	.cl_grey {
	  color:#808080;
	}

	.bk_black {
	  background-color:#000000;
	}

	.cl_black {
	  color:#000000;
	}

	.bk_white {
	  background-color:#FFFFFF;
	}
	.cl_white {
	  color:#FFFFFF;
	}

	.bk_green {
	  background-color:#276D1C;
	}

	.cl_green {
	  color:#276D1C;
	}

	.bk_orange {
	  background-color:#C48A15;
	}

	.cl_orange {
	  color:#C48A15;
	}

	.bk_red {
	  background-color:#76002B;
	}

	.cl_red {
	  color:#76002B;
	}

	.bk_blue_soft {
	  background-color:#617CA0;
	}

	.cl_blue_soft {
	  color:#617CA0;
	}

	.bk_yellow_soft {
	  background-color:#9ea061;
	}

	.cl_yellow_soft {
	  color:#9ea061;
	}

	.bk_mauve_soft {
	  background-color:#a06761;
	}

	.cl_mauve_soft {
	  color:#a06761;
	}

	.bk_pink_soft {
	  background-color:#a0619c;
	}

	.cl_pink_soft {
	  color:#a0619c;
	}

	.bk_salmon_soft {
	  background-color:#a06170;
	}

	.cl_salmon_soft {
	  color:#a06170;
	}

	.bk_green_soft {
	  background-color:#8ba061;
	}

	.cl_green_soft {
	  color:#8ba061;
	}

	.bk_lavender_soft {
	  background-color:#8861a0;
	}

	.cl_lavender_soft {
	  color:#8861a0;
	}

	.bk_purple_soft {
	  background-color:#6861a0;
	}

	.cl_purple_soft {
	  color:#6861a0;
	}

	.bk_emerald_soft {
	  background-color:#64a061;
	}

	.cl_emerald_soft {
	  color:#64a061;
	}

	.bk_aqua_soft {
	  background-color:#61a09e;
	}

	.cl_aqua_soft {
	  color:#61a09e;
	}

	.bk_navy_soft {
	  background-color:#6171a0;
	}

	.cl_navy_soft {
	  color:#6171a0;
	}

	.bk_tan_soft {
	  background-color:#e6e7ec;
	}

	.cl_tan_soft {
	  color:#e6e7ec;
	}

	.bk_cranberry {
	  background-color:#69374e;
	}

	.cl_cranberry {
	  color:#69374e;
	}
	/* END Color Selections */

	/*BEGIN padding*/
	.pad_TRBL_0 {
	  padding: 0px 0px 0px 0px;
	}
	.pad_TRBL_10 {
	  padding: 10px 10px 10px 10px;
	}
	.pad_TB_10 {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.pad_RL_10 {
	  padding-right: 10px;
	  padding-left: 10px;
	}
	.pad_T_10 {
	  padding-top: 10px;
	}
	.pad_R_10 {
	  padding-right: 10px;
	}
	.pad_B_10 {
	  padding-bottom: 10px;
	}
	.pad_L_10 {
	  padding-left: 10px;
	}
	.pad_TRBL_20 {
	  padding: 20px 20px 20px 20px;
	}
	.pad_TB_20 {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	.pad_RL_20 {
	  padding-right: 20px;
	  padding-left: 20px;
	}
	.pad_T_20 {
	  padding-top: 20px;
	}
	.pad_R_20 {
	  padding-right: 20px;
	}
	.pad_B_20 {
	  padding-bottom: 20px;
	}
	.pad_L_20 {
	  padding-left: 20px;
	}
	/*END padding*/

	/*BEGIN margin*/
	.mar_TRBL_0 {
	  margin: 0px 0px 0px 0px;
	}
	.mar_TRBL_10 {
	  margin: 10px 10px 10px 10px;
	}
	.mar_TB_10 {
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
	.mar_RL_10 {
	  margin-right: 10px;
	  margin-left: 10px;
	}
	.mar_T_10 {
	  margin-top: 10px;
	}
	.mar_R_10 {
	  margin-right: 10px;
	}
	.mar_B_10 {
	  margin-bottom: 10px;
	}
	.mar_L_10 {
	  margin-left:10px;
	}
	.mar_TRBL_20 {
	  margin: 20px 20px 20px 20px;
	}
	.mar_TB_20 {
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	.mar_RL_20 {
	  margin-right: 20px;
	  margin-left: 20px;
	}
	.mar_T_20 {
	  margin-top: 20px;
	}
	.mar_R_20 {
	  margin-right: 20px;
	}
	.mar_B_20 {
	  margin-bottom: 20px;
	}
	.mar_L_20 {
	  margin-left: 20px;
	}
	.mar_RL_auto {
	  margin-left: auto;
	  margin-right: auto;: 
	}
	/*END margin*/

	/*START align*/
	.ali_center {
	  text-align: center;
	}
	.ali_left {
	  text-align: left;
	}
	.ali_right {
	  text-align: right;
	}
	/*END align*/

	/* BEGIN annimated image gallery */
	.gallery li h4 {
	  width:100%;
	  height:30%;
	  position: absolute;
	  bottom:0px;
	  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}

	.gallery li span {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  color: transparent;
	  background-size: cover;
	  background-position: 50% 50%;
	  background-repeat: none;
	  opacity: 0;
	  z-index: 0;
	  -webkit-backface-visibility: hidden;
	  -webkit-animation: imageAnimation 42s linear infinite 0s;
	  -moz-animation: imageAnimation 42s linear infinite 0s;
	  -o-animation: imageAnimation 42s linear infinite 0s;
	  -ms-animation: imageAnimation 42s linear infinite 0s;
	  animation: imageAnimation 42s linear infinite 0s;
	}

	.gallery li div {
	  z-index: 1000;
	  position: absolute;
	  bottom: 10px;
	  left: 0px;
	  width: 100%;
	  text-align: right;
	  opacity: 0;
	  -webkit-animation: titleAnimation 42s linear infinite 0s;
	  -moz-animation: titleAnimation 42s linear infinite 0s;
	  -o-animation: titleAnimation 42s linear infinite 0s;
	  -ms-animation: titleAnimation 42s linear infinite 0s;
	  animation: titleAnimation 42s linear infinite 0s;
	}

	.gallery li div h3 {
	  font-family: 'Verdana', 'Arial Narrow', Arial, sans-serif;
	  font-size: 160px;
	  padding: 0 30px;
	  line-height: 120px;
	  color: rgba(169,3,41, 0.8);
	}

	.gallery li:nth-child(1) span {
	  -webkit-animation-delay: 0s;
	  -moz-animation-delay: 0s;
	  -o-animation-delay: 0s;
	  -ms-animation-delay: 0s;
	  animation-delay: 0s;
	}
	.gallery li:nth-child(2) span {
	  -webkit-animation-delay: 6s;
	  -moz-animation-delay: 6s;
	  -o-animation-delay: 6s;
	  -ms-animation-delay: 6s;
	  animation-delay: 6s;
	}
	.gallery li:nth-child(3) span {
	  -webkit-animation-delay: 12s;
	  -moz-animation-delay: 12s;
	  -o-animation-delay: 12s;
	  -ms-animation-delay: 12s;
	  animation-delay: 12s;
	}

	.gallery li:nth-child(4) span {
	  -webkit-animation-delay: 18s;
	  -moz-animation-delay: 18s;
	  -o-animation-delay: 18s;
	  -ms-animation-delay: 18s;
	  animation-delay: 18s;
	}

	.gallery li:nth-child(5) span {
	  -webkit-animation-delay: 24s;
	  -moz-animation-delay: 24s;
	  -o-animation-delay: 24s;
	  -ms-animation-delay: 24s;
	  animation-delay: 24s;
	}

	.gallery li:nth-child(6) span {
	  -webkit-animation-delay: 30s;
	  -moz-animation-delay: 30s;
	  -o-animation-delay: 30s;
	  -ms-animation-delay: 30s;
	  animation-delay: 30s;
	}

	.gallery li:nth-child(7) span {
	  -webkit-animation-delay: 36s;
	  -moz-animation-delay: 36s;
	  -o-animation-delay: 36s;
	  -ms-animation-delay: 36s;
	  animation-delay: 36s;
	}

	.gallery:hover li span{

	  -webkit-animation-play-state: paused;
	  -moz-animation-play-state: paused;
	  -o-animation-play-state: paused;
	  -ms-animation-play-state: paused;
	  animation-play-state: paused;
	}

	.gallery li:nth-child(2) div {
	  -webkit-animation-delay: 6s;
	  -moz-animation-delay: 6s;
	  -o-animation-delay: 6s;
	  -ms-animation-delay: 6s;
	  animation-delay: 6s;
	}

	.gallery li:nth-child(3) div {
	  -webkit-animation-delay: 12s;
	  -moz-animation-delay: 12s;
	  -o-animation-delay: 12s;
	  -ms-animation-delay: 12s;
	  animation-delay: 12s;
	}

	.gallery li:nth-child(4) div {
	  -webkit-animation-delay: 18s;
	  -moz-animation-delay: 18s;
	  -o-animation-delay: 18s;
	  -ms-animation-delay: 18s;
	  animation-delay: 18s;
	}

	.gallery li:nth-child(5) div {
	  -webkit-animation-delay: 24s;
	  -moz-animation-delay: 24s;
	  -o-animation-delay: 24s;
	  -ms-animation-delay: 24s;
	  animation-delay: 24s;
	}

	.gallery li:nth-child(6) div {
	  -webkit-animation-delay: 30s;
	  -moz-animation-delay: 30s;
	  -o-animation-delay: 30s;
	  -ms-animation-delay: 30s;
	  animation-delay: 30s;
	}

	.gallery li:nth-child(7) div {
	  -webkit-animation-delay: 36s;
	  -moz-animation-delay: 36s;
	  -o-animation-delay: 36s;
	  -ms-animation-delay: 36s;
	  animation-delay: 36s;
	}
	.gallery:hover li div{

	  -webkit-animation-play-state: paused;
	  -moz-animation-play-state: paused;
	  -o-animation-play-state: paused;
	  -ms-animation-play-state: paused;
	  animation-play-state: paused;
	}
	.wpr_gallery:hover div {
	  -webkit-animation-play-state: paused;
	  -moz-animation-play-state: paused;
	  -o-animation-play-state: paused;
	  -ms-animation-play-state: paused;
	  animation-play-state: paused;
	  }

	@-webkit-keyframes imageAnimation { 
	0% {
	  opacity: 0;
	  -webkit-animation-timing-function: ease-in;
	}
	8% {
	  opacity: 1;
	  -webkit-transform: scale(1.05);
	  -webkit-animation-timing-function: ease-out;
	}
	17% {
	  opacity: 1;
	  -webkit-transform: scale(1.1) rotate(0deg);
	}
	25% {
	  opacity: 0;
	  -webkit-transform: scale(1.1) rotate(0deg);
	}
	100% { opacity: 0 }
	}

	@-moz-keyframes imageAnimation { 
	0% {
	  opacity: 0;
	  -moz-animation-timing-function: ease-in;
	}
	8% {
	  opacity: 1;
	  -moz-transform: scale(1.05);
	  -moz-animation-timing-function: ease-out;
	}
	17% {
	  opacity: 1;
	  -moz-transform: scale(1.1) rotate(0deg);
	}
	25% {
	  opacity: 0;
	  -moz-transform: scale(1.1) rotate(0deg);
	}
	100% { opacity: 0 }
	}

	@-o-keyframes imageAnimation { 
	0% {
	  opacity: 0;
	  -o-animation-timing-function: ease-in;
	}
	8% {
	  opacity: 1;
	  -o-transform: scale(1.05);
	  -o-animation-timing-function: ease-out;
	}
	17% {
	  opacity: 1;
	  -o-transform: scale(1.1) rotate(0deg);
	}
	25% {
	  opacity: 0;
	  -o-transform: scale(1.1) rotate(0deg);
	}
	100% { opacity: 0 }
	}

	@-ms-keyframes imageAnimation { 
	0% {
	  opacity: 0;
	  -ms-animation-timing-function: ease-in;
	}
	8% {
	  opacity: 1;
	  -ms-transform: scale(1.05);
	  -ms-animation-timing-function: ease-out;
	}
	17% {
	  opacity: 1;
	  -ms-transform: scale(1.1) rotate(0deg);
	}
	25% {
	  opacity: 0;
	  -ms-transform: scale(1.1) rotate(0deg);
	}
	100% { opacity: 0 }
	}

	@keyframes imageAnimation { 
	0% {
	  opacity: 0;
	  animation-timing-function: ease-in;
	}
	8% {
	  opacity: 1;
	  transform: scale(1.05);
	  animation-timing-function: ease-out;
	}
	17% {
	  opacity: 1;
	  transform: scale(1.1) rotate(0deg);
	}
	25% {
	  opacity: 0;
	  transform: scale(1.1) rotate(0deg);
	}
	100% { opacity: 0 }
	}

	@-webkit-keyframes titleAnimation { 
	0% {
	  opacity: 0;
	  -webkit-transform: translateX(200px);
	}
	8% {
	  opacity: 1;
	  -webkit-transform: translateX(0px);
	}
	17% {
	  opacity: 1;
	  -webkit-transform: translateX(0px);
	}
	19% {
	  opacity: 0;
	  -webkit-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
	}

	@-moz-keyframes titleAnimation { 
	0% {
	  opacity: 0;
	  -moz-transform: translateX(200px);
	}
	8% {
	  opacity: 1;
	  -moz-transform: translateX(0px);
	}
	17% {
	  opacity: 1;
	  -moz-transform: translateX(0px);
	}
	19% {
	  opacity: 0;
	  -moz-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
	}

	@-o-keyframes titleAnimation { 
	0% {
	  opacity: 0;
	  -o-transform: translateX(200px);
	}
	8% {
	  opacity: 1;
	  -o-transform: translateX(0px);
	}
	17% {
	  opacity: 1;
	  -o-transform: translateX(0px);
	}
	19% {
	  opacity: 0;
	  -o-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
	}

	@-ms-keyframes titleAnimation { 
	0% {
	   opacity: 0;
	  -ms-transform: translateX(200px);
	}
	8% {
	  opacity: 1;
	  -ms-transform: translateX(0px);
	}
	17% {
	  opacity: 1;
	  -ms-transform: translateX(0px);
	}
	19% {
	  opacity: 0;
	  -ms-transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
	}

	@keyframes titleAnimation { 
	0% {
	  opacity: 0;
	  transform: translateX(200px);
	}
	8% {
	  opacity: 1;
	  transform: translateX(0px);
	}
	17% {
	  opacity: 1;
	  transform: translateX(0px);
	}
	19% {
	  opacity: 0;
	  transform: translateX(-400px);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
	}


	/* END annimated image gallery */

	/* START Form Fields */

	.form_entry {
	  display:block;
	  color: #000000;
	  text-decoration: none;
	  text-align: left;
	  background-color: #cdcdcd;
	  border: solid 1px #707070;
	  box-shadow: 0 0 0px 0px ;
	  padding:4px;
	  font-size:15px;
	  line-height:18px;
	  width:200px;
	}

	.form_entry:focus {
	  display:block;
	  color: #000000;
	  text-decoration: none;
	  text-align: left;
	  background-color: #BAD59F;
	  border: solid 1px #707070;
	  box-shadow: 0 0 5px 1px #969696;
	}
	/* END Form Fields */


	/* START button */

	.btn_general {
	  background-color:#efefef;
	  text-align:center;
	  font-size:18px;
	  font-weight:bold;
	  color:#666666;
	  padding: 5px 5px 5px 5px;
	  border-style:none;
	  border-width:0px;
	  border-color:transparent;
	  cursor:pointer;
	  display:block;
	  margin:0 auto;
	}
	.btn_general:hover {
	  background-color:#BAD59F;
	  text-align:center;
	  font-size:18px;
	  font-weight:bold;
	  color:#222222;
	  padding: 5px 5px 5px 5px;
	  border-style:none;
	  border-width:0px;
	  border-color:transparent;
	  cursor:pointer;	
	  display:block;
	}
	.btn_general:focus {
	  background-color:#BAD59F;
	  text-align:center;
	  font-size:18px;
	  font-weight:bold;
	  color:#ffff65;	
	  padding:5px 5px 5px 5px;
	  border-style:none;
	  border-width:0px;
	  border-color:transparent;
	  cursor:pointer;	
	  display:block;
	}

	/* END button */

	/* BEGIN button from www.css3buttongenerator.com */
	.button_wrapper {
	  float:left;
	  margin:20px 0px 20px 0px;
	}

	.btn  {
	  background: #0099FF;
	  background-image: -webkit-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -moz-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -ms-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -o-linear-gradient(top, #0099FF, #001F5C);
	  background-image: linear-gradient(to bottom, #0099FF, #001F5C);
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  font-family: Verdana, Arial, sans-serif;
	  color:#FFFFFF;
	  font-size: 15px;
	  font-weight:bold;
	  padding: 7px 7px 7px 7px;
	  text-decoration: none;
	  z-index:10;
	}

	.btn:hover {
	  background: #2299FF;
	  background-image: -webkit-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -moz-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -ms-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -o-linear-gradient(top, #001F5C, #001F5C);
	  background-image: linear-gradient(to bottom, #001F5C, #001F5C);
	  text-decoration: none;
	  color: #FFE822;
	  z-index: 20;
	}

	/* END button from www.css3buttongenerator.com */



/*-------------------------------------------------------
END Global styles
-------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
START Phone size version 320-700px breakpoint
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:700px) {

	html {
	  padding:0;
	  margin: 0px;
	}

	body {
	  font-family:Verdana, Arial, sans-serif;
	  font-size: 14px;
	  color:#E6EBF5;
	  background-color:#000000;
	}

	a:link,
	a:visited {
	  color:#2299FF;
	}

	p {
	  line-height:17px;
	  margin: 0 0 1em 0;
	}

	h1, h2, h3, h4, h5, h6 {
	  margin: 0 0 0 0;
	  font-weight:normal;
	}

	/* Image Styles */
	img {
	  max-width:100%;
	  height:auto;
	}

	.btn_paypal {
	  width:;
	  height:50%; 
	  float:left;
	  text-align:center;
	  padding:20% 5% 0 37%;
	  background-color:;
	  margin: 10px;
	}

	.btn_buynow {
	  width:110px;
	}

	.menu_selection {
	  font-size: 14px;
	  padding:3px;

	}

	.btn_buynow_square {
	  width:110px;
	  background-color:#efefef;
	}

	.menu_selection_square select {
	  font-size: 13px;
	  padding:0px 0px 0px 0px;
	  margin: -10px 0px 0px -5px;
	  width:160px;
	  text-align:left;
	  vertical-align:top;
	}

	.captcha_spacer {
	  margin:0px 0px 0px -8px;
	  text-align:left;
	  background-color:;
	  width: 100%;
	  float:left;
	}

	/* from www.css3buttongenerator.com */
	.button_wrapper {
	  float:left;
	  margin:0px 0px 0px 0px;
	}

	.btn  {
	  background: #0099FF;
	  background-image: -webkit-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -moz-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -ms-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -o-linear-gradient(top, #0099FF, #001F5C);
	  background-image: linear-gradient(to bottom, #0099FF, #001F5C);
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  font-family: Verdana, Arial, sans-serif;
	  color:#FFFFFF;
	  font-size: 15px;
	  font-weight:bold;
	  padding: 7px 7px 7px 7px;
	  text-decoration: none;
	  z-index:10;
	}

	.btn:hover {
	  background: #2299FF;
	  background-image: -webkit-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -moz-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -ms-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -o-linear-gradient(top, #001F5C, #001F5C);
	  background-image: linear-gradient(to bottom, #001F5C, #001F5C);
	  text-decoration: none;
	  color: #FFE822;
	  z-index: 20;
	}

	/* General Layout*/

	article.post {
	  border-bottom:2px dotted #bbbbbb;
	  margin-bottom:20px;
	}
	article.post:last-of-type {
	  border-bottom:none;
	}
	/* Header */


	/* Footer Menu */
	.ft {
	  font-size:12px;
	  height:0px;
	  float:left;
	  width:100%;
	  margin: 0px;
	  padding-left: 0px;
	  padding-right: 0px;
	  padding-top:0px;
	}

	.ft_copyright {
	  float: left;
	  float:left;
	  width:50%;
	  padding: 0px 0px 0px 0px;
	}
	
	.ft_contact{
	  float: right;
	  text-align:right;
	  width:50%;
	  padding: 0px 33px 0px 0px;
	}

	.ft_contact a {
	  color:#69374e;
	}

	.ft_contact a:hover {
	  color:#e6e7ec;
	}

	/* Post Styles */
	.post h2 {
	  margin-bottom:0px;
	}

	/* Wrapper-Content Layout */

	.wrp_content {
	  display:block;
	  float:left;
	  min-height: calc(100vh - 50px);
	  width:100%;
	}

	.wrp_footer {
	  display:block;
	  float:left;
	  height:40px;
	  width:100%;
	}

	.wrp_post {
	  width:100%;
	  min-height:260px;
	  margin:0px 0px 20px 0px;
	  float:left;
	}
	
	.wrp_post p {
	  visibility:block;
	}

	.wrp_inset { 
	  width:95%;
	  min-height:240px;
	  padding:10px;
	}

	.wrp_inset h3 {
	  margin: 0px 0 0 0;
	}

	.wrp_inset a {
	  color:#CCCCCC;
	  font-size:20px;
	  font-weight:normal;
	  text-shadow: 2px 2px rgba(30, 20, 97, 0.3);
	}

	.wrp_inset a:hover {
	  color:#FFFFFF;
	  font-size:20px;
	  font-weight:normal;
	  text-shadow: 2px 2px rgba(30, 20, 97, 0.0);
	}

	.wpr_form_field {
	  width:95%;
	  height: 40px;
	}

	div.container {
	  max-width:660px;
	  margin: 0 0px 0 0;
	  padding-left: 20px;
	  padding-right:20px;
	}

	.wrp_gallery {
	  position:relative;
	  padding-bottom:0px;
	  padding-top:0px;
	  overflow:hidden;
	  height:230px;
	  width:100%;
	  margin:0px 0px 20px 0px;
	  background-color:#990000; 
	  float:left;
	}

	.gallery,
	.gallery:after {
	  position: relative;
	  width: 100%;
	  height: 230px; 
	  top: 0px;
	  left: 0px;
	  z-index: 0;
	}
	
	.gallery li div h3 {
	  font-family: 'Verdana','Arial Narrow', Arial, sans-serif;
	  font-size: 20px;
	  padding: 0 10px;
	  line-height: 23px;
	  color: rgba(255,255,255, 0.8);
	  /*text-shadow: 3px 3px rgba(0, 0, 0, 0.8);*/
	}

	.ft_copyright {
	  float: left;
	  float:left;
	  width:100%;
	  padding: 0px 0px 5px 5px;
	}
	
	.ft_contact{
	  float: left;
	  text-align:left;
	  width:100%;
	  padding: 0px 0px 20px 5px;
	}

}
@media only screen and (min-width:401px) and (max-width:700px) {

	.wrp_inset { 
	  width:96.5%;
	  min-height:240px;
	  padding:10px;
	}

	.wrp_gallery {
	  position:relative;
	  padding-bottom:0px;
	  padding-top:0px;
	  overflow:hidden;
	  height:310px;
	  width:100%;
	  margin:0px 0px 20px 0px;
	  background-color:#990000; 
	  float:left;
	}

	.gallery,
	.gallery:after {
	  position: relative;
	  width: 100%;
	  height: 310px; 
	  top: 0px;
	  left: 0px;
	  z-index: 0;
	}
	
	.gallery li div h3 {
	  font-family: 'Verdana','Arial Narrow', Arial, sans-serif;
	  font-size: 20px;
	  padding: 0 10px;
	  line-height: 23px;
	  color: rgba(255,255,255, 0.8);
	  /*text-shadow: 3px 3px rgba(0, 0, 0, 0.8);*/
	}
}
/*-------------------------------------------------------
END Phone size version 320-700px breakpoint
-------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
START Tablet size version 701px-960px breakpoint
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:701px) {



	/* Image Styles */
	img {
	  max-width:100%;
	  height:auto;
	}

	.btn_paypal {
	  width:;
	  height:50%; 
	  float:left;
	  text-align:center;
	  padding:20% 5% 0 60%;
	  background-color:;
	  margin: 30px;
	}

	.btn_buynow {
	  width:150px;
	}

	.menu_selection {
	  font-size: 16px;
	  padding:3px;

	}

	.btn_buynow_square {
	  width:110px;
	  background-color:#;
	}

	.menu_selection_square select {
	  font-size: 13px;
	  padding:0px 0px 0px 0px;
	  margin: -10px 0px 0px -5px;
	  width:160px;
	  text-align:left;
	  vertical-align:top;
	}

	.captcha_spacer {
	  margin:0px 0px 0px -8px;
	  text-align:left;
	  background-color:;
	  width: 100%;
	  float:left;
	}

	/* from www.css3buttongenerator.com */
	.button_wrapper {
	  float:left;
	  margin:0px 0px 0px 0px;
	}

	.btn  {
	  background: #0099FF;
	  background-image: -webkit-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -moz-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -ms-linear-gradient(top, #0099FF, #001F5C);
	  background-image: -o-linear-gradient(top, #0099FF, #001F5C);
	  background-image: linear-gradient(to bottom, #0099FF, #001F5C);
	  -webkit-border-radius: 10;
	  -moz-border-radius: 10;
	  border-radius: 10px;
	  font-family: Verdana, Arial, sans-serif;
	  color:#FFFFFF;
	  font-size: /15px;
	  font-weight:bold;
	  padding: 7px 7px 7px 7px;
	  text-decoration: none;
	  z-index:10;
	}

	.btn:hover {
	  background: #2299FF;
	  background-image: -webkit-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -moz-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -ms-linear-gradient(top, #001F5C, #001F5C);
	  background-image: -o-linear-gradient(top, #001F5C, #001F5C);
	  background-image: linear-gradient(to bottom, #001F5C, #001F5C);
	  text-decoration: none;
	  color: #FFE822;
	  z-index: 20;
	}

	/* General Layout*/

	article.post {
	  border-bottom:2px dotted #bbbbbb;
	  margin-bottom:20px;
	}
	article.post:last-of-type {
	  border-bottom:none;
	}
	/* Header */


	/* Footer Menu */
	.ft {
	  font-size:12px;
	  height:0px;
	  float:left;
	  width:100%;
	  margin: 0px;
	  padding-left: 0px;
	  padding-right: 0px;
	  padding-top:0px;
	}

	.ft_copyright {
	  float:left;
	  float:left;
	  width:50%;
	  padding: 0px 0px 0px 0px;
	}
	
	.ft_contact{
	  float:right;
	  text-align:right;
	  width:50%;
	  padding: 0px 33px 0px 0px;
	}

	.ft_contact a {
	  color:#69374e;
	}

	.ft_contact a:hover {
	  color:#e6e7ec;
	}

	/* Post Styles */
	.post h2 {
	  margin-bottom:0px;
	}



	/* Wrapper-Content Layout */
	.wrp_content {
	  display:block;
	  float:left;
	  min-height:calc(100vh - 50px);
	  width:100%;
	}

	.wrp_footer {
	  display:block;
	  float:left;
	  height:40px;
	  width:100%;
	}

	.wrp_post {
	  width:306px;
	  height:260px;
	  margin:0px 21px 20px 0px;
	  float:left;
	}
	
	.wrp_post p {
	  visibility:block;
	}

	.wrp_inset { 
	  width:286px;
	  height:240px;
	  padding:10px;
	}

	.wrp_inset h3 {
	  margin: 0px 0 0 0;
	}

	.wrp_inset a {
	  color:#CCCCCC;
	  font-size:20px;
	  font-weight:normal;
	  text-shadow: 2px 2px rgba(30, 20, 97, 0.3);
	}

	.wrp_inset a:hover {
	  color:#FFFFFF;
	  font-size:20px;
	  font-weight:normal;
	  text-shadow: 2px 2px rgba(30, 20, 97, 0.0);
	}

	.wpr_form_field {
	  width:276px;
	  height: 30px;
	}
}

@media only screen and (min-width:701px) and (max-width:970px) {

	div.container {
	  width:655px;
	  margin: 0 auto;
	  padding-left: 20px;
	  padding-right: 20px;
	}

	.wrp_gallery {
	  position:relative;
	  padding-bottom:0px;
	  padding-top:0px;
	  overflow:hidden;
	  height:340px;
	  width:633px;
	  margin:0px 21px 20px 0px;
	  background-color:#001F5C; 
	  float:left;
	}

	.gallery,
	.gallery:after {
	  position: relative;
	  width: 633px;
	  height: 340px; 
	  top: 0px;
	  left: 0px;
	  z-index: 0;
	}
	
	.gallery li div h3 {
	  font-family: 'Verdana','Arial Narrow', Arial, sans-serif;
	  font-size: 35px;
	  padding: 0 30px;
	  line-height: 40px;
	  color: rgba(255,255,255, 0.8);
	  /*text-shadow: 3px 3px rgba(0, 0, 0, 0.8);*/
	}

	.ft_copyright {
	  float: left;
	  float:left;
	  width:48%;
	  padding: 0px 0px 0px 0px;
	}
	
	.ft_contact{
	  float: right;
	  text-align:right;
	  width:48%;
	  padding: 0px 20px 0px 0px;
	}

}
/*-------------------------------------------------------
END Tablet size version 701px-970px breakpoint
-------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
START  Old standard size version 971px-1287px breakpoint
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (min-width:971px){

	/* General Layout*/
	div.container {
	  width:981px;
	  margin: 0 auto;
	  padding-left: 20px;
	  padding-right: 20px;
	}


	/* Footer Menu */

	.ft_copyright {
	  float: left;
	  float:left;
	  width:450px;
	  padding: 0px 0px 0px 0px;
	}
	
	.ft_contact{
	  float: right;
	  text-align:right;
	  width:450px;
	  padding: 0px 20px 0px 0px;
	}

	.wrp_gallery {
	  position:relative;
	  padding-bottom:0px;
	  padding-top:0px;
	  overflow:hidden;
	  height:540px;
	  width:960px;
	  margin:0px 21px 20px 0px;
	  background-color:#001F5C; 
	  float:left;
	}

	.gallery,
	.gallery:after {
	  position: relative;/
	  width: 960px;
	  height: 540px; 
	  top: 0px;
	  left: 0px;
	  z-index: 0;
	}
	
	.gallery li div h3 {
	  font-family: 'Verdana','Arial Narrow', Arial, sans-serif;
	  font-size: 45px;
	  padding: 0 30px;
	  line-height: 55px;
	  color: rgba(255,255,255, 0.8);
	  /*text-shadow: 3px 3px rgba(0, 0, 0, 0.8);*/
	}

	.btn_paypal {
	  width:;
	  height:50%; 
	  float:left;
	  text-align:center;
	  padding:20% 5% 0 65%;
	  background-color:;
	  margin: 40px;
	}

	.btn_buynow {
	  width:200px;
	}



	.menu_selection {
	  font-size: 16px;
	  padding:3px;
	}

	.btn_buynow_square {
	  width:110px;
	  background-color:#efefef;
	}

	.menu_selection_square select {
	  font-size: 13px;
	  padding:0px 0px 0px 0px;
	  margin: -10px 0px 0px -5px;
	  width:160px;
	  text-align:left;
	  vertical-align:top;
	}
	.captcha_spacer {
	  margin:0px 0px 0px -8px;
	  text-align:left;
	  background-color:;
	  width: 100%;
	  float:left;
	}

/*-------------------------------------------------------
END Old standard size version 961px-1270px breakpoint
-------------------------------------------------------*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++
START  Typical size version 1287px-infinity breakpoint
+++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1287px) {

	/* General Layout*/
	div.container {
	  display:block;
	  width:1247px;
	  height:auto;
	  margin: 0 auto;
	  padding:0px 0px 0px 0px;
	}

	/* Footer Menu */
	.ft_copyright {
	  float: left;
	  float:left;
	  width:450px;
	  padding: 0px 0px 0px 0px;
	}
	
	.ft_contact{
	  float: right;
	  text-align:right;
	  width:450px;
	  padding: 0px 33px 0px 0px;
	}
}