#infoc {
    display: none;

    max-width: 100%;
    background-color: black;
    color: #fff;
    margin-left: 30%;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}
#info:hover #infoc {
    display: block;
}
#info {
    position: relative;
    display: inline-block;
}

.focim{
	border-bottom: 5px solid #437DCC;
	border-radius: 10px;
}
h1, h2 {
	padding-bottom: 10px;
}

.alcim {
	border-bottom: 2px solid #A70000;
	border-radius: 10px;
}
.main .row {
	margin-top: 70px;
	text-align: center;
}

img {
	padding-bottom: 10px;

}
.kiegeszitok {
	width: 100%;
	text-align: center;
	height: 850px;
}
li {
	text-align: left;

}
h2 {
	font-size: 24px;
	font-weight: 700;
}

@-viewport {
  width: device-width;
}

@media (max-width: 600px) {
    .main .row {
    	margin-top: 0px;
    }
    .row img {
    	height: 150px;
    }
    h2,h4 {
    	height: 30px;
    }
    h2 {
    	font-size: 20px;
    }
    h4 {
    	font-size: 16px;
    }

}
    @media (min-width: 600px) and 
        (max-width: 1200px) {
   
    .main .row {
    	margin-top: 0px;
    }
    
    .row img {
    	height: 200px;
    }
    h2,h4 {
    	height: 30px;
    }
    h2 {
    	font-size: 20px;
    }
    h4 {
    	font-size: 16px;
    }
    }