.szoveghatter{
	padding:20px;
	background-color:#fefaee;
	background-image: url('images/takaro.jpg');
	background-repeat: no-repeat;
    background-position: center top;
    
}
.szoveghatter_halas{
	padding:20px;
	background-color:#fefaee;
	background-image: url('images/halastakaro.jpg');
	background-repeat: no-repeat;
    background-position: center top;
    
}

@media (min-width: 1200px) {

	body {
	 
		
        background-image: url('images/hatter_kicsi.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-color: #0f1b08;
        padding-top:250px;

	}

	.bal {
		padding-right:40px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:40px;
	}
	.egesz {
		padding-right:20px;
		padding-left:20px;
	}
}

/*Hide in Other Small Devices */


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    body {
    	/* width:100%; */ 
        background-image: url('images/hatter_kicsi.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        padding-top:250px;
        background-color: #0f1b08;
    }
    
    .bal {
		padding-right:40px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:40px;
	}
	.egesz {
		padding-right:20px;
		padding-left:20px;
	}
	

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    body {
    	width:100%;
        background-image: url('images/hatter_kicsi.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        padding-top:250px;
        background-color: #0f1b08;
        
    }
    
    .bal {
		padding-right:40px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:40px;
	}
	.egesz {
		padding-right:20px;
		padding-left:20px;
	}

}

/* Landscape phones and portrait tablets */

@media (max-width: 767px) {

    body {
               
        background-image: url('images/hatter_1000.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain; /* cover */
        padding-top:200px;
        background-color: #0f1b08;
    }
    
    .szoveghatter{
	padding:20px;
	background-color:#fefaee;
	background-image: none;

    
	}
	.bal {
		padding-right:20px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:20px;
		margin-top:20px;
	}
	.egesz {
		padding-right:20px;
		padding-left:20px;
	}


}

/* Portrait phones and smaller */
@media (max-width: 480px) {

    body {
    	/*
        background-image: none;
        background-color: #fff;
        */
        
        width:100%;
        background-image: url('images/hatter_1000.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain; /* cover */
        padding-top:100px;
        background-color: #0f1b08;
    }
    
    
    .szoveghatter{
	padding:20px;
	background-color:#fefaee;
	background-image: none;

    
	}
    
    .bal {
		padding-right:20px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:20px;
		margin-top:20px;
	}
	.egesz {
		padding-right:20px;
		padding-left:20px;
	}


}


html{}



.container{

	max-width: 1000px;
	margin: 0 auto;
	/*border: 1px solid white;*/
	
}

.col{

	border:1px solid white;
}






h1 {
    		font-family: 'Cinzel', serif;
    		font-size:32px;
    		color:#fbf4e1;
    		
    		
}

h2 {
    		font-family: 'Cinzel', serif;
    		font-size:22px;
    		
    		
}
		
		
h4 {
    		font-family: 'Cinzel', serif;
    		
    		/*
    		font-weight: 400;
    		400, 700, 900, normal, bold
    		*/
}

h5 {
    		font-family: 'Cinzel', serif;
    		font-size:15px;

}


span.nobr { white-space: nowrap; }


		
p{	
			margin-top:20px;
  			font-family: 'Roboto', sans-serif;
  			font-size:16px;
  			font-weight: 300;
  			
  			/* Old IE Support */
  			-ms-word-break: break-all;

  			/* Non standard for webkit */
  			word-break: break-word;
  			
  			-moz-hyphens: auto;
    		-webkit-hyphens: auto;
    		-ms-hyphens: auto;
    		hyphens: auto;
    		color:#37603a;
    		

}
  		
p.hasabos{
  			-webkit-column-count: 3;
      		-moz-column-count: 3;
           	column-count: 3;
  			-webkit-column-gap: 20px;
     		-moz-column-gap: 20px;
          	column-gap: 20px; 
          	
          	/* Old IE Support */
  			-ms-word-break: break-all;

  			/* Non standard for webkit */
  			word-break: break-word;
  			
          	-moz-hyphens: auto;
    		-webkit-hyphens: auto;
    		-ms-hyphens: auto;
    		hyphens: auto;
    		text-align:justify;
}

a{
  			font-family: 'Roboto', sans-serif;
  			font-size:14px;
  			font-weight: 500;
  			color: #573c0e; /* #573c0e */
  		
}

a:hover{
  			font-family: 'Roboto', sans-serif;
  			font-size:14px;
  			font-weight: 500;
  			color: #4d8e60;
  			/*text-decoration: none;*/
  			
  		
}


/* 
.navbar-custom {
    color: #FFFFFF;
    background-color: #CC3333;
}
.dropdown-menu{
	color: #FFFFFF;
    background-color: #CC3333;
}
 */
 



/* justify */

@media (min-width: 768px) and (max-width: 2200px) {
		
		
		 .navbar-nav>li {
				 float: none;
		 }
		 .navbar-nav {
				 margin: 0 auto;
				 display: table;
				 table-layout: auto;
				 float: none;
				 width: 100%;
		 }
		 .navbar-nav>li {
				 display: table-cell;
				 float: none;
				 text-align: center;
		 }
			 
}



 .navbar {
			 color: #FFFFFF;
			 background-color: #82a899;
			 background: none;
		 }
		 .navbar li a{
			 color: #FFFFFF;
			 font-size:15px;
		 }




/* szin, betű */
/* 
.navbar-collapse{
	background-color: #82a899;
}
.dropdown .dropdown-menu a{

	background-color: #82a899;
	color: white;
	font-size:15px;

}
.navbar-nav{ background-color: #82a899; }
#navbarSupportedContent{ background-color: #82a899; }
 */
 
.dropdown-item {
 	color: black;
 }
 
 
/* remember to define focus styles! */
:focus {
		outline: 0;
		box-shadow:none;
}
button:focus {outline:0;box-shadow:none;border: none;}
button:active { outline: none; box-shadow:none; border: none; }
/* 
.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
 */
}
a.disabled-link,
a.disabled-link:visited ,
a.disabled-link:active,
a.disabled-link:hover {
    background-color:#d9d9d9 !important;
    color:#aaa !important;
}