body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;

}
.mesaj1 {
    position: absolute;
    top: 30vh;
    right: 5vw;
    color: black;
    font-size: 35px;
    font-family: "Roboto";
}

.mesaj2 {
    position: absolute;
    top: 68vh;
    right: 5vw;
    color: black;
    font-size: 30px;
    font-family: "Roboto";
}

.tara {
    position: absolute;
    top: 15vh;
    right: 3vw;
    color: black;
    font-size: 30px;
    font-family: "Roboto";
}

.mesaj3 {
    position: absolute;
    top: 73vh;
    right: 5vw;
    color: black;
    font-size: 30px;
    font-family: "Roboto";
}
.topnav {
    overflow: hidden;
    background-color: #323651;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 4vh 4vw;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #92acc3;
    color: black;
}

.topnav a.active {
    background-color: #333333;
    color: white;
}

.topnav .icon {
    display: none;
}

.logo {
    position: absolute;
    margin-left: 12%;
    width: 8%;
    height: 12%;
}

.bgimg {
    position: relative;
    opacity: 0.6;
    margin: 0px;
    top: 0%;
    width: 100%;
    height: auto;
    display: block;
    flex-wrap: wrap;
}

.goog-te-gadget{
    background-color:#fcda6c;
}
#test{
    position: absolute;
    top: -3px;
    left: 12%;
}