*{
    margin: 0;
    padding: 0;
    font-family: 'Dosis', sans-serif;
}
.hero{
    width: 80%;
    margin: auto;
}
.navbar{
    margin: 30px auto;
    color: #436568;
    display: flex;
    align-items: center;
}
ul{
    flex: 1;
    text-align: center;
}
ul li{
    display: inline-block;
    list-style: none;
    margin: 0 25px;
}
ul li a{
    text-decoration: none;
    color: #000;
    padding: 0 10px;
    position: relative;
}
ul li a::after{
    content: '';
    width: 100%;
    height: 10px;
    background: #a2c1c4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -50px;
}
.banner{
    display: flex;
    margin-top: 80px;
    background-color: #a2c1c4;
}
.left-column,.right-column{
    flex-basis: 50%
}
.right-column img{
    width: 100%;
}
.left-column h1{
    font-size: 100px;
    color: #436568;
    width: 100%;
    display: flex;
    padding-bottom: 3px;
    border-bottom: 1px solid #436568;
    margin: auto;
    padding-left: 50px;
}
.left-column p{
    font-size: 14px;
    color: #436568;
    padding-bottom: 3px;
    margin: 50px 0;
    padding-left: 50px;   
}
table{
    border: 2px solid;
    margin:20px;
    align-content: center;
    margin: auto;
}
td {
     border: 1px solid;
    padding:15px;
    background-color: #a2c1c4; 
    align-content: center;
}