body {
background-color:#F9FBFF;
font-family:Arial;
}


    h1 {
/*         color: #1081E8;*/
/*font-size: 32px;*/
/*font-style: normal;*/
/*font-weight: 600;*/
/*line-height: normal;*/
/*        text-align: center;*/
/*         word-wrap: break-word;*/
    }

    #main {
        position: relative;
      top:1px;
        width: 100%;
        height:auto;
        display: flex;
        flex-wrap: wrap;
         word-wrap: break-word;
        justify-content: center;
        overflow: hidden;
    }

  #components{
      width:70%;
      display:flex;
       flex-wrap: wrap;
       margin:50px 0;
  }
  #component1{
       width: 100%;
margin:0 0 80px 0;
  }
   #component1 img{
       border-radius:26px;
   }
   #component2{
       width: 40%;
       margin:0 10% 0 0 ;
  }
    
  #component2 #h2{
      color: #1081E8;
font-size: 32px;
font-style: normal;
font-weight: 900;
line-height: normal;
  }
    #component2 #text1{
        color: #0F2851;
        word-break:normal;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 44px; 
margin:30px 0 20px 0;
    }
      #component2 #text2{
      color: #0F2851;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 177.778% */  
margin:30px 0 20px 0;
      }

        #component2 #contacts{
            display:flex; 
          
        }
       #component2 #contact1{
      cursor:pointer;
padding:10px 12px;
margin:5px;
border-radius:50%;
background: #1081E8;
       }
 #component2 #contact2{
      cursor:pointer;
padding:10px 18px;
margin:5px;
border-radius:50%;
background: #1081E8;
       }
      #component3{
          
       width: 50%;
  }
 #component3 #send{
    width:100%;
  display: flex;
padding: 15px 24px;
justify-content: center;
align-items: center;
border-radius: 174px;
background: #1081E8;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
border:0;
}
   
   #component3  textarea {
        height: 200px;
         word-wrap: break-word;
    }
  @media only screen and (max-width: 1250px) {
       #components{
      width:80%;
      display:flex;
       flex-wrap: wrap;
       margin:50px 0;
  }
    #component1{
       width: 100%;
margin:0 0 70px 0;
  }
  }
  @media only screen and (max-width: 1150px) {
        #components{
      width:90%;
      display:flex;
       flex-wrap: wrap;
       margin:50px 0;
  }
    #component1{
       width: 100%;
margin:0 0 60px 0;
  }
  }
  @media only screen and (max-width: 990px) {
        #components{
      width:100%;
      display:flex;
       flex-wrap: wrap;
       justify-content:center;
       margin:0;
        }
          #component1{
       width: 100%;
margin:0 0 50px 0;
  }
         #component2{
       width: 90%;
       margin:20px 0;
  }
        #component3{
            width: 90%;
             margin:30px 0;
  }
  }
    @media only screen and (max-width: 740px) {}

    @media only screen and (max-width: 600px) {}