.investec-img { height:65%; width:90%; }
    .logo { color: black; }
    h1, h4, h2, h3{ font-weight:200; }
    .simply-img { height:70%; width:90%; }
    .column-box {
        background-color: rgba(252, 3, 107, 0.1);
        text-align: center;
        padding: 20px;
        margin:10px;
        border-radius: 10px;
        height:600px;
    }
    .column-box img { width: 100%; height: 60%; border-radius: 10px; margin-bottom: 15px; }
    .btn-custom {
        background-color: #fc036b; color: white; padding: 10px 20px;
        border-radius: 30px; text-decoration: none; font-weight: bold; display: inline-block;
    }
    .btn-custom:hover { background-color: #d1025e; text-decoration: none; }
    img { border-radius: 10px; }
    a {
        text-decoration: none; color: #ffffffdc; font-weight: 300;
        font-size: medium; padding: 8px 15px; background: #ff295717; border-radius: 30px;
    }
    a:hover {
        padding: 8px 15px; border-radius: 30px; background-color: #fc036b;
        text-decoration: underline; font-weight: bold; font-style: italic;
    }
    .active, ul { list-style: none; color: whitesmoke; }
    .line { width: 150px; height: 4px; background: #fc036b; margin: 10px auto; border-radius: 5px; }
    .active { color:#fc036b; text-decoration: underline; font-weight: bold; list-style: none; }
    .navbar { display:flex; position: fixed; top: 0; left: 0; width: 100%; justify-content: space-between; padding: 20px; color: whitesmoke; align-items: center; }
    .nav-links li { margin: 0 30px; color: #fc036b; }
    .nav-links { display: flex; align-items: center; }
    .ctn { padding:  8px 15px; background: #fc036b; border-radius: 30px; color: whitesmoke; }
    .animate-bottom { position: relative; -webkit-animation-name: animatebottom; -webkit-animation-duration: 1s; animation-name: animatebottom; animation-duration: 1s; }
    .menu-btn { position: absolute; top: 30px; right: 30px; width: 40px; cursor: pointer; display: none; }
    @-webkit-keyframes animatebottom { from { bottom:-100px; opacity:0 } to { bottom:0px; opacity:1 } }
    @keyframes animatebottom { from{ bottom:-100px; opacity:0 } to{ bottom:0; opacity:1 } }
    #myDiv { display: none; text-align: center; }
    #loader {
        position: absolute; left: 50%; top: 50%; z-index: 1; width: 120px; height: 120px;
        margin: -76px 0 0 -76px; border: 16px solid #f3f3f3; border-radius: 50%;
        border-top: 16px solid #3498db; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
    }
    @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
    @media only screen and (max-width:700px){
        .menu-btn { display: block; top:20px; right:0; }
        .navbar { position: fixed; padding: 0; align-items: center; justify-content: space-between; }
        .logo { font-weight: 200; position: absolute; top: 5px; left: 10px; color: black; }
        .nav-links { flex-direction: column; width: 100%; height: 100vh; justify-content: center; background: #262a4e; margin-top: -900px; transition: all 0.5s ease; border-bottom-right-radius: 30%; }
        .mobile-menu { margin-top: 0px; margin-left: 40px; margin-right: 35px; }
        .nav-links.mobile-menu { margin-top: 0; border-bottom-right-radius: 30% }
        .nav-links li { margin:30px auto; }
        .footer { padding: 10px; }
    }
    .ctn:hover { background: whitesmoke; color: #fc036b; box-shadow: 2px 2px 5px black; }
    li:hover { color: #fc036b; cursor: pointer; }
    h1 { padding-top: 10px; }