@font-face {
    font-family:Light; /* Гарнитура шрифта */
    src: url(./font/6831.ttf); /* Путь к файлу со шрифтом */
   }
   *{
    font-family: 'Spartan', sans-serif;
   }
   body{
       background: url(./georgina1.png);
       background-size: 100%;
   }
   .main_section{
       max-width: 900px;
       margin: 0 auto;
   }
   .logo > h1{
       color:#fff;
       font-size: 40px;
       background: ;
   }
   .logo{
       text-align: center;
    
   }
   .logo_img{
       max-width: 300px;
       margin-top: 5%;
   }
   .btn{
       border: 2px solid #fff;
       padding: 12px 45px;
       border-radius: 0;
       font-size: 20px;
       color: #fff;
       margin-top: 10%;
   }
   .btn_section{
       margin: 0 auto;
       text-align: center;
       
   }
   .number{
       text-align: center;
       color: #fff;
       margin-top: 30px;
       font-size: 18px;
   }
   .social_link{
       max-width: 40px;
       transition: 0.3s;
       margin-top: 20px;
       
       
   }
   .social_link:hover{
       background: #212121;
       border-radius: 15px;
   }
   .social{
       text-align: center;
       margin-top: 25px;
   }
   input{
       display: block;
       width: 75%;
       margin: 0 auto;
       margin-top: 15px;
       border: 2px solid #BCC1F7;
       border-radius: 8px;
       padding: 10px;
   }
   .sub_btn{
       width: 200px;
       background: #8BBBD3;
       border: 2px solid #BCC1F7;
       margin-top: 15px;
       color: #fff;
       padding: 10px;
   }
   .modal-body{
       text-align: center;
       margin: 0 auto;
   }
   .btn_address{
       background: none;
       color: #fff;
       border: none;
      

   }
   .modal-header{
    width: 100%;
   
    margin: 0 auto;
   }
   .modal-content{
       /* width: 150%; */
       /* display: none; */
       background: transparent;
       border: none;
       
   }
   .modal-body{
       width: 100%;
     
   }
   .map{
    width: 100%;
    height: 450px;
   }
   @media(max-width:762px){
       .map{
           width: 300px;
       }
   }
   .success{
       max-width: 900px;
       margin: 10% auto;
       text-align: center;
       
   }
   @media(max-width:762px){
       .success{
           padding: 20px;
           margin: 30% auto;
       }
   }
   .tel{
       color: #fff;
       text-decoration: none;
   }
   .tel:hover{
    color: #fff;
    text-decoration: none; 
   }