body {
    background-color: #f1f1f1;
    margin: 0 auto;
    font-family: 'Titillium Web', sans-serif;
}

/* Center website */

.nav{
	width: 100%;
	xheight: 50px;
	padding: 16px;
	
	xborder-bottom: 1px solid gray; 
	
}

.nav>a{
	color: #777575;
	text-decoration: none;
	xpadding: 40px 10px 0 10px;
	xmargin-top: 60px;
	
	
}
.main {
    max-width: 1000px;
    margin: 0 auto;
    background-color: white;
    
}

hr.style-one {
    border: 0;
    height: 1px;
    padding: 0;
    
    
}
.logo>img{
	padding-top: 45px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
p{
	padding: 20px;
	color: #777575;
	font-family: 'Titillium Web', sans-serif;
}
h1 {
    font-size: 50px;
    word-break: break-all;
}

.row {
    margin: 8px -16px;
}

.nemek>p {
	color: #25aae2;
	font-size: 1.2em;
	margin-left: 10px;
	margin-bottom: -10px;
}

.eletkor>p {
	color: #25aae2;
	font-size: 1.2em;
	margin-left: 10px;
	margin-bottom: -10px;
}

.lakohely>p {
	color: #25aae2;
	font-size: 1.2em;
	margin-left: 10px;
	margin-bottom: -10px;
}

.palyamuvek>p {
	color: #25aae2;
	font-size: 1.2em;
	margin-left: 10px;
	margin-bottom: -10px;
}

/* Add padding BETWEEN each column */
.row,
.row > .column {
    padding: 12px;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 25%;
    
}

.column{
    float: left;
    width: 25%;
    
}
/* Clear floats after rows */ 
.row:after {
    content: "";
    display: table;
    clear: both;
}
/*---------------------- kepek rollover*/
	.rollover03 { display: block; width: 200px; height: 200px; background: url("evek/2003-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover03:hover {background: url("evek/2003.jpg")} 
	.rollover04 { display: block; width: 200px; height: 200px; background: url("evek/2004-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover04:hover {background: url("evek/2004.jpg")}
	.rollover05 { display: block; width: 200px; height: 200px; background: url("evek/2005-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover05:hover {background: url("evek/2005.jpg")}
	.rollover06 { display: block; width: 200px; height: 200px; background: url("evek/2006-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover06:hover {background: url("evek/2006.jpg")}
	.rollover07 { display: block; width: 200px; height: 200px; background: url("evek/2007-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover07:hover {background: url("evek/2007.jpg")}
	.rollover08 { display: block; width: 200px; height: 200px; background: url("evek/2008-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover08:hover {background: url("evek/2008.jpg")}
	.rollover09 { display: block; width: 200px; height: 200px; background: url("evek/2009-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover09:hover {background: url("evek/2009.jpg")}
	.rollover10 { display: block; width: 200px; height: 200px; background: url("evek/2010-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover10:hover {background: url("evek/2010.jpg")}
	.rollover11 { display: block; width: 200px; height: 200px; background: url("evek/2011-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover11:hover {background: url("evek/2011.jpg")}
	.rollover12 { display: block; width: 200px; height: 200px; background: url("evek/2012-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover12:hover {background: url("evek/2012.jpg")}
	.rollover13 { display: block; width: 200px; height: 200px; background: url("evek/2013-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover13:hover {background: url("evek/2013.jpg")}
	.rollover14 { display: block; width: 200px; height: 200px; background: url("evek/2014-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover14:hover {background: url("evek/2014.jpg")}
	.rollover15 { display: block; width: 200px; height: 200px; background: url("evek/2015-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover15:hover {background: url("evek/2015.jpg")}
	.rollover16 { display: block; width: 200px; height: 200px; background: url("evek/2016-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover16:hover {background: url("evek/2016.jpg")}
	.rollover17 { display: block; width: 200px; height: 200px; background: url("evek/2017-ff.jpg") no-repeat; transition: all .3s ease-in-out;} 
	.rollover17:hover {background: url("evek/2017.jpg")}
/*----------------------
/* Content */
.content {
    background-color: white;
    padding: 10px;
    }
 

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
    .column {
        width: 50%;
    }
    .content {
    background-color: white;
    padding: 10px;
    
}

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
    }
     .content {
    background-color: green;
    padding: 10px;
}
.logo>img{
	margin-top: 25px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

}