body,
html{
    height:100%;
    margin:0px;
}

.main{
    display:flex;
    align-items:center;
    width:100%;
    height:100%;

}

.container{
    width:100%;
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
}

.main-logo {
    width: 200px;
    height:200px;
    margin-left:auto;
    margin-right:auto;
    display: block;
    margin-bottom: 60px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #f1f1f1;
}

    .main-logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .main-logo img {
        width: 99px;
    }

.main-bottom{
    display:flex;
}

.main-bottom-logo{
    width:33%;
    text-align:center;
    padding:20px;
    
}

    .main-bottom-logo a {
        display: flex;
        padding: 20px;
        background-color: #f1f1f1;
        height:200px;
        align-items:center;
        justify-content:center;
    }

        .main-bottom-logo a:hover,
        .main-bottom-logo a:focus {
            background-color: #e1e1e1;
        }


        .main-bottom-logo img {
            width: 70px;
        }