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

   .about{
       margin-top: 1em!important;
   }
}
@media all and (max-width:1017px){
  
main{
    
     min-width:100%!important;
    
}
aside{
    min-width:100%!important;
}
.content>.content-aside{
    margin-top:8em!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: 7em!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;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align:stretch;
        -ms-flex-align:stretch;
            align-items:stretch;
    margin-top: 0em;
    
}

.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: 0 0 1em 0;
    color:#BDBDBD; 
    padding-left: 0em;
}

.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: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column 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:2em 3em;
    margin: 1em 0;
   
}
.item>p{
    padding:0;
    font-size:1em;
    word-break: break-all;
}
.item>p{
    
    
}
.item>img{
    width: 100%;
    padding: 1em 0;
}
.item a{
    text-decoration: none;
    color:#FF4081;
}


/*The end of content flexbox*/



aside{
    width:25%;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin: 1em 0 0 0;
    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;
}

.best{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    border-bottom: 0.05em solid rgba(213, 205, 205, 0.87);
    -ms-flex-item-align:stretch;
        align-self:stretch;
    font-weight: 100;
    margin-bottom: 2em;
    color:#BDBDBD; 
   
    
}
.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:center;
        -ms-flex-align:center;
            align-items:center;
}
.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 nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: base-line;
        -ms-flex-align: base-line;
            align-items: base-line;
}
.photo{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-item-align:center;
        align-self:center;
    padding-left: 0;
}
.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);
    
}
.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;
    
}
::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder{ 
    color: #fff; 
}
::-moz-placeholder {
    color: #fff;
}
:-ms-input-placeholder {  
    color: #fff; 
}
.email input[type=submit]{
    
    -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);
}