.professionnel{height: 700px;margin-top: 150px;
}

.contact {text-align: center;
     margin: 70px 0 150px 0 ;
    }

    .contact a {text-decoration: none;
            padding: 20px;
            border: 1px solid #3aaf9d;
            color:#3aaf9d;
            font-size: 18px}

.contact a:hover{background: #3aaf9d;
        color: white;
        transition:0.2s;}

        @media screen and (max-width: 1320px) {

            .professionnel{height: 400px;margin-top: 150px;
            }


        }

        @media screen and (max-width: 700px) {
            
                        .professionnel{height: 200px;margin-top: 150px;
                        }

                        .contact a {text-decoration: none;
                            padding: 10px;
                            border: 1px solid #3aaf9d;
                            color:#3aaf9d;
                            font-size: 12px}
                
                .contact a:hover{background: #3aaf9d;
                        color: white;
                        transition:0.2s;}
            
            
header {
    width: 100%;
    /*padding: 5px 0;*/
    
    /*border-bottom: 1px solid #e1e1e1;*/
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    z-index: 50;
    top: 0;
    position: fixed;
    font-weight: 900;
    text-transform: uppercase;
    overflow: hidden;  
    font-family: "Lato", sans-serif;
    background: rgba(0, 0, 0, .8);

  }

  .main-navigation {
    right:10px;
    cursor: pointer;
    margin-right:20px;
    margin-top:9px;
    
  }
  
  .main-navigation a {
      float:left;
      margin-top: 10px;
      text-decoration: none;
      padding:10px;
      color: white;
      font-weight: bold;
      border:1px solid white;
    
  }
  
  .main-navigation a:hover{color:#3aaf9d}
                    }