body {
        background: url(../i/fon/fonfasad.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
#topbox {background-image:url(../i/fon/class.jpg);}

.bottomfon 
{background-image:url(../i/fon/class.jpg);}
         



#phone2 { color:rgba(195,175,145,0.9); width:250px;}
#phone2 a { color:rgba(195,175,145,0.9); text-decoration:none; width:250px;}
#phone2 a:hover { color:rgba(195,175,145,1); text-decoration:none;}
    
     #bname h1 {color: rgba(195,175,145,1);  font-family: Akrobat; font-size: 9pt; font-weight: 700; text-transform:uppercase; white-space:nowrap; padding:0; margin:1px 0 0 55px; letter-spacing:1px;} 
          #bname a {color: rgba(195,175,145,1);  font-family: Akrobat; font-size: 9pt; font-weight: 700; text-transform:uppercase; white-space:nowrap; padding:0; margin:1px 0 0 55px; letter-spacing:1px;} 
    

#name  h1 {color:rgba(185,165,135,0.85);}
#phones { color:rgba(255,255,255,0.95);}

    @media screen and  (max-width:720px) 
    {#bname h1 {white-space: normal; margin:1px 0 0 0px;}  
}