@font-face {
  font-family: myFirstFont;
  src: url(./download/MyriadPro-Cond.woff);

}
a:link, a:visited {
    text-decoration: none;
    font-family: myFirstFont;
    font-size: 15px;
    color: #646363; }

a:hover, a:active { 
    text-decoration: underline;
    font-family: myFirstFont;
    font-size: 15px;
    color: #646363;
 }
 .dot{
    color: #20b14a;
}

.img1 {
    width: auto;
    height: 75px;
}
.top{
    height: 100px;
    align-content: center;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
}
.topLogo{
    height: 100%;
    width: auto;
}
.body{
    font-family: calibri;
    font-size: 12px;
    color: #646363;
}
.footer{
    font-family: myFirstFont;
    font-size: 15px;
    color: #646363;
    background-image: url('./images/onderkant.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 125px;
    padding-bottom: 0%;
    margin-top:20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.footerImg {
    width: 300px;
    bottom:0%;
    /* float:right; */
    margin-right: 40px;
    /* margin-top: 40px; */
    margin-bottom: auto;
    position: absolute;
    right: 0;
}
.footerLeft{
    /* float: left; */
    text-align: center;
    align-content: center;
    width:calc(100% - 480px);
    margin-top: 40px;
    margin-bottom: auto;
    flex: 1;
}


td {
    text-align: left;
  }

@media (max-width:980px){
    .footer{
        height:200px;
        float:none;
        margin-left: 0px;
        margin-right: 0px;
    }
    .footerLeft{
        float: none;
        text-align: center;
        align-content: center;
        width:auto;
        /* width:calc(100% - 100px); */
    }
    .footerImg {
        /* width: 125px; */
        text-align: center;
        float:none;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;

    }
}

@media (max-width:500px) {
    .topLogo{
        width: 100%;
        height: auto;
        /* max-height: 100px;
        margin-left:0;
        max-height: 100px; */
    }
    .img1 {
        width: auto;
        height: 70px; 
    }
    .footerImg {
        /* width: 125px; */
        text-align: center;
        float:none;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;

    }
    .footer{
        height:200px;
        float:none;
        margin-left: 0px;
        margin-right: 0px;
    }
    .footerLeft{
        float: none;
        text-align: center;
        align-content: center;
        width:auto;
        /* width:calc(100% - 100px); */
    }
}

@media (max-width: 800px){
    .footer{
        background-size: auto 100%;
        background-position: center;
        padding-bottom: 0%;
    }
    
}