.stickyfooter {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #00afef;
   color: white;
   text-align: center;
   z-index:9000;
}
.stickyfooter p
{
	font-size:20px;
	margin:14px 0px;
	color:#FFFFFF;
  	font-family: 'Roboto', sans-serif;
}
.stickyfooter a {
    background-color: #ed3237;
    font-size: 18px;
    padding: 5px 20px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
     transition: all 250ms ease-out;
}
.stickyfooter a:hover
{
  background-color: #00afef;

 box-shadow: 1px 1px 1px rgba(134, 129, 129, 0.71), 0 0 40px rgba(164, 160, 160, 0) inset;
    border: 1px solid #fff;
}

#x {
    position: absolute;
	border: none;
	background: none;
    color: white;
    top: 5px;
    left: 5px;
	font-weight:bold;
	font-size:1rem;
	padding-bottom:50px;
	padding-right:20px;
    cursor:pointer;
	/*transform: rotate(90deg);*/
}
.stickyfooter_icon_up {
   position: fixed;
   float:right;
   left: 0;
   bottom: -15px;
   width: auto;
   background-color: #00afef;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   text-align: center;
   z-index:8000;
   cursor:pointer;
}
.para_p_up {
	transform: rotate(270deg);
	font-size:1.8rem;
	color: white;
	left: 10px;
	bottom: -15px;
}
@media screen and (max-width: 600px) and (min-width:280px)
{
	.stickyfooter p {
    font-size: 14px;
    
}
.stickyfooter a {
    
    font-size: 12px;
    padding: 5px 20px;
    
}
.stickyfooter_icon {
	width:auto;
}
.para_p {
     transform: rotate(270deg);
	 font-size:1.8rem;
     color: white;
}
}