@media all and (max-width:678px){
 
    .content>div.content-aside {
   
   margin-top: 3em!important;
}

   .about{
       margin-top: 1em!important;
   }
}

@media all and (max-width:1017px){
     
  .content>.content-aside {
    
   -webkit-box-orient: vertical!important;
    
   -webkit-box-direction: normal!important;
    
       -ms-flex-direction: column!important;
    
           flex-direction: column!important;
   margin-top: 6.5em!important;
   
}
main{
    
     width:100%!important;
    
}
  aside{
    
    width:100%!important;
    
      
  }
   
   
}


/*Flexbox - content*/

.content{
   -webkit-box-flex:10;
       -ms-flex:10;
           flex:10;
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-flow: column wrap;
           flex-flow: column wrap;
   -ms-flex-pack: distribute;
       justify-content: space-around;
   -webkit-box-align: stretch;
       -ms-flex-align: stretch;
           align-items: stretch;
    /*padding: 2em;*/
}


  
.content-aside{
      -webkit-box-flex:6;
          -ms-flex:6;
              flex:6;
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; 
      padding: 3em;
      margin-top: 5.5em!important;
}



main{
    width: 70%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    margin-top: 1em;
}

.about {
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    padding:  0;
    border-bottom: 0.05em solid rgba(213, 205, 205, 0.87);
    -ms-flex-item-align:stretch;
        align-self:stretch;
    font-weight: 100;
    margin: 1em 0;
    color:#BDBDBD; 
    
}
.item>p{
    font-weight:400;
    font-size: 1.2em
}

.item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #fff;
    color: #212121;
    padding:0.5em 3em;
    margin: 1em 0em;
    
    
}
.item>ul{
    padding:0;
    
}
.item>ul>li, p{
    line-height: 2em;
    position: relative;
    word-wrap: break-word;
    text-align: justify;
    
}
.item>ul>li:before{
    content:"\2714";
   display:block;
   position: absolute;
   left: -1.3em;
   top: 0;
   color: #FF4081;
    
}

/*The end of content flexbox*/


aside{
     width: 25%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top:3.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background-color: #FFF;
}

.best{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    padding-bottom: 0;
    border-bottom: 0.05em solid rgba(213, 205, 205, 0.87);
    -ms-flex-item-align:stretch;
        align-self:stretch;
    font-weight: 100;
    margin: 0;
    color:#BDBDBD;
    padding-left: 3em;
    
    
}
.agents{
    -webkit-box-flex:3;
        -ms-flex:3;
            flex:3;
    -ms-flex-item-align:stretch;
        align-self:stretch;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
}
.agent{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    background-color: #fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding:0;
}
.photo{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-item-align:center;
        align-self:center;
    padding: 0;
    padding-left: 1em;
}
.photo img{
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0.5px rgba(0,0,0,0.2);
            box-shadow: 0 0 0.5px rgba(0,0,0,0.2);
    width:4em;
    height:4em;
}
.connect{
    -webkit-box-flex:2;
        -ms-flex:2;
            flex:2;
    -ms-flex-item-align:start;
        align-self:flex-start;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-flow:column wrap;
            flex-flow:column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    margin-right: 0.8em;
}
.first{
  border-bottom: 0.05em solid rgba(213, 205, 205, 0.87);
  padding:1.3em 0 0.8em 0;
 
}

.second{
   border-bottom: 0.05em solid rgba(213, 205, 205, 0.87); 
   padding-bottom:0.8em;
   
  
}
.third{
  padding-bottom:0.3em;
  border: none;
}

.connect * {
   -ms-flex-item-align: start;
       align-self: flex-start;
   padding-bottom: 0.5em;
    
}
.connect div:nth-of-type(2) 
{
    color:#FF4081;
    font-size:0.8em;
}
.connect div:first-of-type 
{
    color:#212121;
    font-size:1.0em;
    font-weight: 500;
     padding-top: 0.5em;
}
.connect div:last-of-type a
{
    color:#212121;
    font-size:0.8em;
    text-decoration: none;
}

.email{
    -webkit-box-flex:2;
        -ms-flex:2;
            flex:2;
    -ms-flex-item-align:stretch;
        align-self:stretch;
    padding: 0.8em;
    background-color:  #2196F3;
    margin-top: 1em;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.email form{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFF;
}
.email input[type=email]{
    -webkit-box-flex:3;
        -ms-flex:3;
            flex:3;
    -ms-flex-item-align:stretch;
        align-self:stretch;
    color: #FFF;
    border: none;
    border-bottom: 1px solid #FFF;
    
}
.email input[type=submit]{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-item-align: end;
        align-self: flex-end;
    cursor: pointer;
    background-color: #FF4081;
    border-radius: 3px;
    color: #FFF;
    margin-top: 1em;
    padding: 0.5em;
}
.email_block .email_block_small:first-child{
    -webkit-box-flex:2;
        -ms-flex:2;
            flex:2;
    -ms-flex-item-align: start;
        align-self: flex-start;
    width: 100%;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 0.5em 0;
    font: 0.8em;
}
.email_block .email_block_small:last-child{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-right: 0.8em;
    color: #fff;
    font-size: 0.8em;
    background:#FF4081;
    margin-top: 0.8em;
    padding: 0.5em;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
}