/* 
    Document   : support
    Created on : Sep 6, 2016, 12:34:58 PM
    Author     : Sabbi Hans
    Description:
        Purpose of the stylesheet follows.
*/




#options
{
   
    width: 100%;
}

#options h2
{
   
    font-size: 36px;
   color: #e68523;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
     margin-top:5%;
}
#options p
{
    text-align: center;
     padding-bottom: 40px;
     
}
#options i{
    font-size: 48px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    right: 0;
}
.icon{
    color: #0096DC;
    position: relative;
    width: 90px;
    height: 90px;
    border: 3px solid  #0096DC;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    text-align: center;
}
col-md-3 .text-center .content
{
padding: 12px;
}
col-md-3 .text-center .content .title
{
color: #0096DC;
font-size: 18px;
margin-top: 0;
}
.over{
          color:#0096DC;
          background:#fff;
      }
.over:hover
{
          color:#fff;
          background:#0096DC;

}

@media only screen and (max-width: 360px)
{
    
#options h2
{
    border-bottom: 1px solid #0096DC;
    padding-bottom: 12px;
    width: 90%;
    text-transform: uppercase;
    font-size: 12px;
    color: #e68523;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 30px;
}

}