﻿/* Desktops */
@media screen and (min-width: 1241px){
/*DO THIS*/
#bottomtablet {display: none;}
#bottomphone {display: none;}
#bottomstickybar {
	height: calc(6.8vw + 30px);
	bottom:0px;
	width:100%;
	background: linear-gradient(#020505, #020505);
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-style: solid;
	border-color:#666666;
	border-width: 2px 0px 0px 0px;
}
.expstickybar{
position:fixed;
z-index: 113;
width:auto; /*set width of bar to width of entire window*/
right:0; /*horizontally center bar in window*/
left:0; /*horizontally center bar in window*/
visibility:hidden;
}
#bottompc {
	height: 28px;
	position:fixed;
	bottom:0px;
	width:100%;
	background: linear-gradient(#020505, #020505);
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-style: solid;
	border-color:#666666;
	border-width: 2px 0px 0px 0px;
	z-index:112;
}


#bottomsignup {
	position:absolute;
	bottom: calc(3vw + 22px);
	left:70%;
	width:15%;
	height:4vw;
	min-width:100px;
	color:#ffffff;
	z-index:111;
	/*border: 1px solid #ffffff;*/
}
.bottom_form_style {
	width: 100%;
	font-size: 12pt;
	color: #666666;
	min-width:100px;
	height: 20px;
}

#bottomfacebook,#bottomtwitter,#bottomemail,#bottominstagram {
	position:absolute;
	bottom:calc(2.2vw + 25px);
	left:66%;
	width:3.1%;
	height:3.0vw;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 5px;
	z-index:111;
	border: 1px solid #ee4d9b;
}
#bottomfacebook {
	left:66%;
	background-image: url("../images/FacebookPink.png");
}
#bottominstagram {
	left:69.5%;
	background-image: url("../images/InstagramPink.png");
}
#bottomemail {
	left:73%;
	background-image: url("../images/EmailPink.png");
}

#bottombox1 {
	position:absolute;
	bottom:30px;
	left:16%;
	width:15%;
	height: 6.5vw;
	z-index:111;
    text-align: left;
    line-height:1.3vw;
    display: initial;
	/*border: 1px solid #ff0000;*/
}
#bottombox2 {
	position:absolute;
	bottom:30px;
	left:31%;
	width:14%;
	height: 6.5vw;
	z-index:111;
    text-align: left;
    line-height:1.3vw;
    display: initial;
	/*border: 1px solid #ff0000;*/
}
#bottombox3 {
	position:absolute;
	bottom:30px;
	left:45%;
	width:15%;
	height: 6.5vw;
	z-index:111;
    text-align: left;
    line-height:1.3vw;
    display: initial;
	/*border: 1px solid #ff0000;*/
}
#bottombox4 {
	position:absolute;
	bottom: calc(5vw + 30px);
	left:52%;
	width:35%;
	height: 1.5vw;
	z-index:111;
    text-align: left;
    line-height:1.5;
    display: initial;
	border: 1px solid #ff0000;
}
#bottombox5 {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	height:25px;
	/*border: 2px solid #ff0000;*/
}
#bottompadding {
	padding-bottom:calc(7vw + 40px);
	/*border: 2px solid #ffff00;*/
}
.bottomtext {
	color: #ffffff;
	font-size: calc(100vw /120);
	font-family: Arial;
	text-decoration: none;
}

.bottomnavigation {
	color: #ffffff;
	font-size: calc(100vw /110);
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color: #ee4d9b;
	cursor:pointer;
}
}/* END Desktops */

/* Mobile landcape and Tablets */
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#bottomstickybar {display: none;}
#bottompc {display: none;}
#bottomphone {display: none;}
#bottomtablet {
	height:30px;
	position:fixed;
	bottom:0px;
	width:100%;
	background: linear-gradient(#020505, #020505);
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-style: solid;
	border-color:#000000;
	border-width: 2px 0px 0px 0px;
	z-index:112;
}
#bottombox5 {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	height:25px;
	/*border: 2px solid #ffff00;*/
}
#bottompadding {
	padding-bottom:40px;
}
.bottomtext {
	color: #ffffff;
	font-size: calc(100vw /90);
	font-family: Arial;
	text-decoration: none;
}
.bottomnavigation {
	color: #ffffff;
	font-size: calc(100vw /90);
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color: #ee4d9b;
	cursor:pointer;
}
}/* END Mobile landcape and Tablets */



/* Mobile portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#bottomstickybar {display: none;}
#bottompc {display: none;}
#bottomtablet {display: none;}
#bottomphone {
	height:30px;
	position:fixed;
	bottom:0px;
	width:100%;
	background: linear-gradient(#020505, #020505);
	background-size: 100% auto;
	background-repeat: no-repeat;
	border-style: solid;
	border-color:#000000;
	border-width: 2px 0px 0px 0px;
	z-index:112;
}
#bottombox5 {
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	height:25px;
	/*border: 2px solid #ffff00;*/
}
#bottompadding {
	padding-bottom:40px;
}
.bottomtext {
	color: #ffffff;
	font-size: calc(100vw /54);
	font-family: Arial;
	text-decoration: none;
}
.bottomnavigation {
	color: #ffffff;
	font-size: calc(100vw /54);
	font-family: Arial;
	text-decoration: none;
}
a.bottomnavigation:hover {
	color: #ee4d9b;
	cursor:pointer;
}
}/* END Mobile portrait */

/* All Screen Sizes */
/*DO THIS*/
#bottompadding {
	position: relative;
	float:left;
	bottom:0px;
	width:100%;
	/*border: 2px solid #fff000;*/
}
