.contact-card{
    background-color: black;
    color: white;
    padding: 15px;
    }
    .flex-item {
        width: auto !important;
        min-width: 25%;
        margin: 0 0 45px 0 !important;
    }
    .contact-card-name.text-center p {
        margin: 0 !important;
    }
    .card-content.contact-card-content {
        margin-top: 0;
        margin-bottom: 0;
    }
    .accomplishements .container {
        justify-content: space-around !important;
    }
    
    @media screen and (max-width: 1400px) and (min-width: 900px) {
        .contact-map-box {
             display: flex;
            flex-wrap: no-wrap;
             flex-direction: column !important;
            width: 40% !important;
            
        }
    }
    @media screen and (max-width: 900px) {
        .contact-map-box {
             display: flex;
            flex-wrap: wrap;
             flex-direction: column !important;
            width: 100% !important;
            
        }
        .contact-map-section {
            float:left;
        }
        .contact-map-container {
            width: 100% !important;
        }
        
        
        
        .left-adress-conteiner , .right-adress-conteiner {
            width: auto!important;
            font-size: .8em;
        }
    }
    
    
    .contact-card-content{
    color:white !important;
    
    }
    .contact-card-name{
    font-size: 18px;
    height:100px;
        display: flex;
        justify-content:center;
        align-items:center;
    }
    .contact-card-mail{
    text-decoration: underline;
    font-size:14px;
    }
    

    .contact-text-content-section{
    display: flex;
    justify-content:center;
    font-size: 14px;
    padding:10px;
    }
    .contact-text-content-container{
    width: 80%;
    }
    .contact-green-h2{
    color:#53cf36;
    font-size: 18px;
    }
    .contact-green-p{
    color:#53cf36;
    }
    .email-underline-small{
    text-decoration: underline;
    font-size: 0.78rem;
    }
    .contact-text-conten-section-box{
    margin-top: 3rem;
    }
    .contact-map-section{
     display:flex;
     justify-content:center;
     padding-top: 3rem;
     height: auto;
     color: white;
    margin: auto;
    }
    .contact-map-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width:90%;
    margin: auto;
    }
    .contact-map-box{
    display: box;
    width: 40%;
    margin: 2rem; 
    min-width: 250px;
    display: flex;
    flex-direction: column;
    }
    
    #first-map {
    height: 100%;
    }
    #secoend-map {height: 100%;}
    .right-adress-conteiner{
    border-right: 1px solid #53cf36;
    width: 100%;
    min-height: 100px;
    margin-top: 1rem;
    padding: 1rem;
    text-align: right;
    }
    .left-adress-conteiner{
    border-left: 1px solid #53cf36;
    width: 100%;
    min-height: 100px;
    margin-top: 1rem;
    padding: 1rem;
    padding-top: 0;
        padding-bottom:0;
    }

    @media(max-width: 900px){
        .contactus{
            margin-top: 550px;
        }
    }
    h1,h2,h3,h4,h5,h6{
        color: #53cf36;
        font-size: large;
    }
    .additional_info a{
        color: #53cf36;
    }
    
    @media only screen and (max-width: 1020px) {
        .contact-card{
            padding: 20px;
          }
         .contact-card-name{
            font-size: 13px;
           }
         
         .contact-card-skype{
            font-size:10px;
          } 
    }
    
    @media screen and (max-width: 700px) {
        .accomplishements .container div {
            margin-top: 0;
            margin-bottom: 0;
        } 
        section.motivation {
            padding: 0 !important;
            width: 100% !important;
        }
        .custom-header.small.custom-header-contact h3 {
            margin-bottom: 20px;
        }
        .contact-map-section.container {
            padding: 0;
        }
        .text-center.m-4.text-capitalize.h5 {
            font-size: 1rem;
        }
        .left-adress-conteiner {
            margin: 20px;
        }
        .flex-item {

        margin: 0 !important;
    }
    }
    .contact-card-name.text-center p {
        font-size:.75rem;
    }