/* Add a black background color to the top navigation */
.topnav {
    background-color: #ffffff;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #53B6B6;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ECF0F0;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #B6C2BE;
    color: white;
}

p.logo {
    margin-right: 30px;
    
}

h1.kep {
   position: absolute;
   top: 150px;
   left: 210px;
   font-size: 60px;
   color: #ffffff;
}

h4.ip {
   position: absolute;
   top: 230px;
   left: 380px;
   font-size: 25px;
   color: #ffffff;
}

a.logo {
   position: absolute;
   top: 2px;
   left: 80px; 
    
}


a.kezdolap {
   position: absolute;
   top: 8px;
   left: 280px;
    
}

a.kapcsolat {
   position: absolute;
   top: 8px;
   left: 380px;
    
}

a.szerver {
   position: absolute;
   top: 8px;
   left: 485px;
    
}

a.rangok {
   position: absolute;
   top: 8px;
   left: 580px;
    
}

a.aa {
    color:#ffffff;
}



/* LOGO */
.fa {
    padding: 10px;
    font-size: 30px;
    width: 80px;
    text-align: center;
    text-decoration: none;
    height: auto;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Facebook */
.fa-facebook {
    position: absolute;
    top: 220px;
    right: 500px;
    background: #3B5998;
    color: white;
    
}

/* Instagram */
.fa-instagram {
    position: absolute;
    top: 220px;
    right: 380px;
    background: #e4405f;
    color: white;
    height: 70px;
    width: 190px;
}