﻿/* Desktop */
@media screen and (min-width: 1241px){
/*DO THIS*/
#bottommenumobile  {display: none;}
#bottommenu {
	position:relative;
	height: 10vw;
	bottom:0px;
	width:100%;
	background: #ffffff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(60,85,135,0.1), rgba(60,85,135,1));
	z-index:1500;
}
#bottombox1 {
	position:absolute;
	top: 2.1vw;
	left:8vw;
	width:30vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
a.bottombox {
	color: #666666;
	text-decoration: none;
}
a.bottombox:hover {
	color: #3c5587;
}

#bottombox2 {
	position:absolute;
	top: 4vw;
	left:8vw;
	width:30vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
}
.bottombox2 {
	color:#666666;
	text-decoration: none;
}
#bottombox3 {
	position:absolute;
	top: 2.5vw;
	left:53vw;
	width:15vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
    line-height:1.1;
}
#bottombox4 {
	position:absolute;
	top: 6.0vw;
	left:8vw;
	width:42vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
    line-height:1.1;
}
#bottombox56 {
	position:absolute;
	top: 1.5vw;
	left:calc(7.5vw - 3px);/*add 63*/
	width:83.5vw;/*minus 63*/
	height:7vw;
	z-index:1;
	display: initial;
	background-color:rgba(255, 255, 255);
	border-radius:10px;
	border: 2px solid #666666;
}
#bottombox5 {
	position:absolute;
	top: 2vw;
	left:70.5vw;
	width:10vw;
	z-index:1500;
	display: initial;
}
#bottombox6 {
	position:absolute;
	top: 1.7vw;
	left:70.5vw;
	width:8vw;
	height:6vw;
	background-image:url("../images/logo.jpg");
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1500;
	display: initial;
}
#bottombox7 {
	position:absolute;
	top: 1.7vw;
	left:81.5vw;
	width:5vw;
	height:6vw;
	background-image:url("../images/caalogo.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1500;
	display: initial;
}

#bottompadding {
	position: relative;
	left:0%;
	width:100%;
	height:9vw;
	z-index:1500;
	bottom:0px;
}
}/*END Desktop */

/* Tablet - Mobile Landscape*/
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#bottommenumobile  {display: none;}
#bottommenu {
	position:relative;
	height: 10vw;
	bottom:0px;
	width:100%;
	background: #ffffff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(60,85,135,0.1), rgba(60,85,135,1));
	z-index:1500;
}
#bottombox1 {
	position:absolute;
	top: 2.1vw;
	left:8vw;
	width:30vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
a.bottombox {
	color: #666666;
	text-decoration: none;
}
a.bottombox:hover {
	color: #3c5587;
}

#bottombox2 {
	position:absolute;
	top: 3.5vw;
	left:8vw;
	width:30vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
}
.bottombox2 {
	color:#666666;
	text-decoration: none;
}
#bottombox3 {
	position:absolute;
	top: 2.5vw;
	left:53vw;
	width:15vw;
	z-index:1500;
	font-size: 0.9vw;
    text-align: left;
    display: initial;
    line-height:1.1;
}
#bottombox4 {
	position:absolute;
	top: 5.0vw;
	left:8vw;
	width:42vw;
	z-index:1500;
	font-size: 0.7vw;
    text-align: left;
    display: initial;
    line-height:1;
}
#bottombox56 {
	position:absolute;
	top: 1.5vw;
	left:calc(7.5vw - 3px);/*add 63*/
	width:83.5vw;/*minus 63*/
	height:7vw;
	z-index:1;
	display: initial;
	background-color:rgba(255, 255, 255);
	border-radius:10px;
	border: 2px solid #666666;
}
#bottombox5 {
	position:absolute;
	top: 2vw;
	left:70.5vw;
	width:10vw;
	z-index:1500;
	display: initial;
}
#bottombox6 {
	position:absolute;
	top: 1.8vw;
	left:70.5vw;
	width:8vw;
	height:6vw;
	background-image:url("../images/logo.jpg");
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1500;
	display: initial;
}
#bottombox7 {
	position:absolute;
	top: 1.8vw;
	left:81.5vw;
	width:5vw;
	height:6vw;
	background-image:url("../images/caalogo.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1500;
	display: initial;
}

#bottompadding {
	position: relative;
	left:0%;
	width:100%;
	height:9vw;
	z-index:1500;
	bottom:0px;
}
}/*END Tablet - Mobile Landscape*/

/* Mobile Portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#bottommenu  {display: none;}
#bottommenumobile {
	position:relative;
	height: 10vw;
	bottom:0px;
	width:100%;
	background: #ffffff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(60,85,135,0.1), rgba(60,85,135,1));
	z-index:1500;
}
#bottombox1 {
	position:absolute;
	top: 1.0vw;
	left:58vw;
	width:50vw;
	z-index:1500;
	font-size: 2.5vw;
    text-align: left;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
a.bottombox {
	color: #666666;
	text-decoration: none;
}
a.bottombox:hover {
	color: #3c5587;
}

#bottombox2 {
	position:absolute;
	top: 1.0vw;
	left:8vw;
	width:50vw;
	z-index:1500;
	font-size: 2.5vw;
    text-align: left;
    display: initial;
}
.bottombox2 {
	color:#666666;
	text-decoration: none;
}
#bottombox4 {
	position:absolute;
	top: 6.0vw;
	left:6vw;
	width:95vw;
	z-index:1500;
	font-size: 1.9vw;
    text-align: left;
    display: initial;
    line-height:1;
}
#bottombox56 {
	position:absolute;
	top: 1.0vw;
	left:calc(4.5vw - 3px);/*add 63*/
	width:90vw;/*minus 63*/
	height:8vw;
	z-index:1;
	display: initial;
	background-color:rgba(255, 255, 255);
	border-radius:5px;
	border: 1px solid #666666;
}
#bottombox5 {
	position:absolute;
	top: 2vw;
	left:70.5vw;
	width:10vw;
	z-index:1500;
	display: initial;
}

#bottompadding {
	position: relative;
	left:0%;
	width:100%;
	height:9vw;
	z-index:1500;
	bottom:0px;
}
}/* END Mobile Portrait */

/* Desktop - Tablet - Mobile */
