﻿.whatsappicon {
    display: none;
}

.phonecallicon {
    display: none;
}

.intrologo {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
}

.altsayan {
    float: left;
    width: 50%;
    padding: 10px;
}

.altsayan2 {
    float: left;
    width: 50%;
    padding: 10px;
    padding-left: 100px;
    text-align:left;
}

.altsayan3 {
    float: left;
    width: 50%;
    padding: 10px;
    border-left: 1px #ccc dotted;
    padding-left: 40px;
}

/* Clear floats after the columns */
.kapsayan:after {
    content: "";
    display: table;
    clear: both;
}

.newfontsize {
    font-size: 1.2em;
}

.imgwidth {
    width: 380px;
}


.menuinvisible {
    display: none;
}

.submenus {
    display: block;
}

.imgdiv {
    width: 100%;
    max-height: 200px;
    overflow:hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
}

.roundedp {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
    margin-bottom: -17px;
    margin-right: 7px;
}

.columncontainer {
    display: flex;
}

.columnsection {
    flex: 1; /*grow*/
    border: none;
    padding:5px;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .whatsappicon {
        display: block;
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 999;
        width: 40px;
    }

    .phonecallicon {
        display: block;
        position: fixed;
        bottom: 75px;
        right: 20px;
        z-index: 999;
        width: 40px;
    }

    .altsayan {
        width: 100%;
    }

    .altsayan2 {
        width: 100%;
        padding: 10px;
    }

    .altsayan3 {
        width: 100%;
        border: none;
        padding: 10px;
    }

    .imgwidth {
        width: 100%;
    }

    .columncontainer {
        flex-direction: column;
    }
}

.redfont{
    color:crimson;
}

.greenfont{
    color:green;
}

.clickdiv{
    cursor:pointer;
}