/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 17, 2017, 5:07:59 PM
    Author     : User
*/


.video-button {
     background-color: #bc2035;
    border-radius: 7%;
    color: white;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font: 15px ProximaRegular;
    /* margin: 9px -1px; */
    cursor: pointer;
    width: 35%;
    right: 10%;
    position: absolute;
    bottom: -8%;
    height: 20px;
    z-index: 5003;
}
.video-button:after{
        content: '\f04b';
    font-family: FontAwesome;
    margin-left: 10px;
}
.video-button:hover{
    color: white;
}

@media screen and (min-width:270px) and (max-width:765px){
  .video-button{
  background-color: #34b6c4;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font: 19px ProximaRegular;
    cursor: pointer;
    width: 27%;
    right: 1%;
    position: absolute;
    height: 13%;
    z-index: 5003;
    top: 0;
    left: 4%;


}

}


@media screen and (min-width:765px) and (max-width:1024px){

 .video-button{
  background-color: #34b6c4;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font: 19px ProximaRegular;
    cursor: pointer;
    width: 27%;
    right: 1%;
    position: absolute;
    height: 13%;
    z-index: 5003;
    top: 0;
    left: 4%;


}



}