@media only screen and (min-width:0px) and (max-width:461px)
{
    
    #footer
    {
       text-align:center;
    }
    
    .title-border
    {
        margin: 0 auto;
        margin-bottom:5px;
         
    }
    
    .ft-center
    {
        text-align:center;
    }

    #header-quote
    {
        margin-top:2px;
        text-align:center;
        color:white;/*;#f5811e*/
         font-family: 'Emilea','Comic Neue', cursive; 
         font-size:14px;
         font-weight:400;
        
    }
    
    #header-quote:hover
    {
       text-shadow:0 0 4px rgba(10,0,0,.5);
        
    }

    #header-social
    {
     
       text-align:center;
        
    }

    #header-contact
     {
        margin-top :0px;
        float:left;
   
     }
     
      #ulmyNavbar
     {
          float:left;
     }
     
     .navbar-header
     {
        /*background-color: #676767;*/
        height:40px;
        /*padding-top: 26.5px;
        padding-bottom: 26.5px;*/
     }
     
 
     #header-logo 
     {
       padding-right: 30px; 
       padding-left: 30px;
     }
 
     #header-logo img
     {
       margin: 0 auto;
     }
 
     .nav-pills li
     {
         width:100%;
     }
     
  /* .dropdown-toggle:active, .open .dropdown-toggle, .dropdown:hover {
    background-color: rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 

}*/

.navbar-nav .open .dropdown-menu {
    background-color:rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 
  }


     
     
}


@media only screen and (min-width:462px) and (max-width:767px)
{
    
     #footer
    {
        text-align:center;
    }
     .title-border
    {
      margin: 0 auto;
      margin-bottom:5px;
        
    }
    
     .ft-center
    {
        text-align:center;
    }
    
    
    #header-quote
    {
        margin-top:2px;
        text-align:center;
    
       color:white;/*;#f5811e*/
       font-family: 'Emilea','Comic Neue', cursive;  
        font-size:14px;
        font-weight:400;
        
    }
    
     #header-quote:hover
    {
       text-shadow:0 0 4px rgba(10,0,0,.5);
        
    }

    #header-social
    {
        
        text-align:center;
        
    }


    #header-contact
     {
        margin-top :0px;
        float:left;
   
     }
     
      #ulmyNavbar
     {
          float:left;
     }
     
     .navbar-header
     {
        /* background-color: #676767;*/
         height:40px;
         /*padding-top: 26.5px;
        padding-bottom: 26.5px;*/
     }
     
 
     #header-logo 
     {
       padding-right: 30px; 
       padding-left: 30px;
     }
 

 
     #header-logo img
     {
   
         margin: 0 auto;
     }
      .nav-pills li
     {
         width:100%;
     }
     
     /* .dropdown-toggle:active, .open .dropdown-toggle, .dropdown:hover {
    background-color: rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 

}*/

.navbar-nav .open .dropdown-menu {
    background-color:rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 
  }
     

}

@media only screen and (min-width:768px) and (max-width:991px)
{
    
     #footer
    {
        text-align:center;
    }
    
     .title-border
    {
      margin: 0 auto;
      margin-bottom:5px;
        
    }
    
     .ft-center
    {
        text-align:center;
    }
    
    #header-quote
    {
        margin-top:2px;
        text-align:center;
       color:white;/*;#f5811e*/
     font-family:  'Emilea','Comic Neue', cursive; 
       font-size:14px;
        font-weight:400;
        
    }
    
     #header-quote:hover
    {
       text-shadow:0 0 4px rgba(10,0,0,.5);
        
    }

    #header-social
    {
        
        text-align:center;
        
        
    }


    #header-contact
     {
        margin-top :0px;
        float:left;
    
     }
     
     #ulmyNavbar
     {
          float:left;
     }
     
     .navbar-header
     {
        /* background-color: #676767;*/
         height:40px;
         /*padding-top: 26.5px;
        padding-bottom: 26.5px;*/
     }
     
 
     #header-logo 
     {
       padding-right: 30px; 
       padding-left: 30px;
     }
 
 
 
     #header-logo img
     {
       margin: 0 auto;
     }
      .nav-pills li
     {
         width:100%;
     }
     
    /* .dropdown-toggle:active, .open .dropdown-toggle, .dropdown:hover {
    background-color: rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 

}*/
.navbar-nav .open .dropdown-menu {
    background-color:rgba(43,43,43,.95);
    color: rgba(43,43,43,.15); 
  }

}

/*desktop*/

@media only screen and (min-width:992px) and (max-width:1900px)
{

    #header-contact
     {
       
        text-align:right;
        float:right;
     }
     
     #ulmyNavbar
     {
          float:right;
     }
     
     
 
     #header-quote
     {
         margin-top:10px;
         text-align:left;
          color:white; /*#f5811e;*/
          /*font-family: Alegreya Sans,arial;*/
        font-family: 'Emilea','Roboto', sans-serif;
         font-size:14px;
         font-weight:400;
     }
     
      #header-quote:hover
    {
       text-shadow:0 0 4px rgba(10,0,0,.5);
        
    }
    
 
     #header-social
     {
        margin-top:10px;
        text-align:right;
        float:right;
     }
 
     .mail-icon
     {
         color:white;
         margin-left:2px;
         padding-bottom:2px;
         font-size:17px;
          font-family: 'Emilea','Comic Neue', cursive;
         
     }
     
     .mail-icon:hover
{
    background-color:White;
    color:#f5811e;
    text-decoration :none;
    border-radius: 25px;
    padding:4px;
}

     
   
     
     #header-logo 
     {
       padding-right: 20px; 
       padding-left: 20px;
     }
 
 
 
     #header-logo img
     {
       margin: 0 auto;
     }
     
     /* open dropdown on hover */
     .dropdown:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
 
}