* {
    box-sizing: border-box; 
    margin: 0;  font-family:Arial, Helvetica, sans-serif;
    }
    
 
    .column {
    float: left; 
    }

    .tnav {
        display: flex; 
        align-items: center; 
        font-size: 13px; 
        font-weight: 550;
    }

    .bhs {
        width: 40px; 
        height: 40px; 
        border-radius: 50%; 
        margin-left: 15px;
    }

    .b {
        width: 33.33%; 
        height: 25px; 
        background-color: black;
    }

    .r {
        width: 33.33%; 
        height: 25px; 
        background-color:red;
    }

    .m {
        width: 33.33%; 
        height: 25px; 
        background-color: rgb(129, 9, 9);;
    }

    .bg {
        background-repeat: no-repeat; 
        background-position: center;
        background-size: cover;
    }

    .column1 {
        float: right;
        text-align: center;
        width: 450px;
        height: 450px;
        padding: 35px ;
        background-color: rgb(255, 255, 255);
    }

    .column2 {
        float: right;
        text-align: center;
        width: 380px;
        height: 350px;
        color: white;
        padding: 15px 10px;
        background-color: rgb(215, 14, 14);
    }
    
    .row:after {
    content: ""; 
    display: table;
    clear: both;
    }

    .column a{
        text-decoration: none;
        color: black;
    }

    .footer {
        background-color: rgb(220, 220, 220);
        padding: 25px 80px;
        height: 60px;
        font-size: 13px;
        letter-spacing: -0.2px;
        border-top: 1px solid white ;
    }

    .slideshow {
    max-width: 1000px;
    position: relative;
    margin: auto;
    }

    .prev, .next {
    position: absolute;
    top: 50%;
    width: auto;
    padding: 2px;
    margin-top: -22px;
    font-size: 27px;
    border-radius: 0 3px 3px 0;
    }

    .text {
        font-size: 16px; 
        line-height: 24px; 
        letter-spacing: -0.4px;
    }

    .next {
    right: 0;
    border-radius: 3px 0 0 3px;
    }