*, *:after, *:before{
  	 -moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	
html {
	font-size: 16px;
    margin: 0;
}
body {
    font-family: 'Robotohttps://www.optimalnet.hu/',sans-serif;
	background-color:#ba191e;
	margin: 0;
}

a{
	text-decoration: none;
	color: #000000;
	cursor: pointer;
    transition: 0.2s color;
}
a:hover{
	text-decoration: underline;
	color:#6d4d61;
}

ul li{ list-style-type:none;
}

img {
    max-width: 100%
}

h1 {margin: 0;
	font-size:25px;
	margin-bottom: 20px;
    color:#ba191e;
	text-transform:uppercase;
	text-shadow:#FFFFFF;
    
}

.small{margin: 0;
	font-size:22px;
	margin-bottom: 20px;
    color: #6d4d61;
	text-transform:none;
	text-shadow:#FFFFFF;
    
}
	
h2 {
	font-size: 18px;
    
}

h3{
	font-size:15px;
	font-style:inherit;
}

h4 .btn{
	float:right;
}

.box-wrapper {margin-bottom: 30px;}
.box {box-shadow: 0 5px 40px rgba(109,77,97,0.8);height: 100%}
.box .box-content {padding: 20px;
					padding-bottom: 45px;
					background-color:#CCCCCC;}

.box .box-content p {line-height: 1.5;}

.main-image {
		display: -ms-flexbox;
		-ms-flex-pack: center;
		-ms-flex-align: center;
		padding: 8em 0 6em 0;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		background-image: url(../picture/erotikus-konyvek.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border-top: 0;
		min-height: 100%;
		position: relative;
		text-align: center;
		overflow: hidden;
		box-shadow: 0 5px 20px rgba(109,77,97,20);
}

.main-image h1{
			text-align: center;
			font-size: 2.9em;
			margin-bottom: .25em;
			font-weight: bold;
    		text-transform: uppercase;
			color:#FFFFFF;
	}

.main-image p {
			color: #FFFFFF;
			font-size: 1.3em;
}

.main-image {
	margin: 0 0 20px 0;
}

#nav {
	background-color:#f3f2f1;
	box-shadow: 0 -5px 20px rgba(109,77,97,15);
    border-top: 2px solid #6d4d61;
    text-align: center;
}
	
.nav-list{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    text-align: center;
}
.nav-list li{
    display: inline-block;
    padding: 5px;
}
.nav-list li a{
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.nav-list i{
    font-size: 16px;
	font-style:normal;
	font-weight:bold;
	color: #FCFBFB;
	text-transform:uppercase;
	
}

.half{
    width: 25%;
    float: left;
	margin-right: 15px;
}
  
.half:last-child{
    width: 75%;
    padding: 5px;
}
.half img{
	
}
.half:last-child p{
    margin-top: 0;
	line-height:2;
}

.kiemelt{
	text-align: justify; 
	font-size:18px;
	padding: 10px;
	color: #ba191e;
	}
	
#footer {
	background-color:#f3f2f1;
	box-shadow: 0 -5px 20px rgba(109,77,97,15);
    border-top: 2px solid #6d4d61;
    text-align: center;
}
	
.footer-list{
    display: block;
    width: 100%;
    list-style: none;
    padding: 0;
    text-align: center;
}
.footer-list li{
    display: inline-block;
    padding: 5px;
}
.footer-list li a{
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}

.footer-list i{
    font-size: 16px;
	font-style:normal;
	font-weight:bold;
	color:#ba191e;
	}
.footer-table-info{
    margin: auto;
    text-align: left;
}
.footer-table-info tr td:first-child{
    font-weight: bold;
}
.footer-table-info tr td:first-child:after{
    content: ':';
    display: inline-block;
}
.footer-table-info tr td:first-child i{
    font-size: 18px;
    margin-right: 6px;
    min-width: 20px;
    text-align: center;
    vertical-align: top;
    color:#ba191e;
}
.footer-table-info tr td: i{
	color:#ba191e;
}
              



	