.szoveghatter{
	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.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-color: #0f1b08;
        padding-top:450px;

	}

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

/*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.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0;
        padding-top:450px;
        background-color: #0f1b08;
    }
    
    .bal {
		padding-right:40px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:40px;
	}
	

}

/* 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:300px;
        background-color: #0f1b08;
        
    }
    
    .bal {
		padding-right:40px;
		padding-left:20px;
	}
	.jobb {
		padding-right:20px;
		padding-left:40px;
	}

}

/* 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;
	}


}

/* 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;
	}


}


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-default{
  background:transparent;
  background-image:none;
  border-color:transparent;
  box-shadow:none;
}
.navbar navbar-expand-lg navbar-light bg-light{
  background:transparent;
  background-image:none;
  border-color:transparent;
  box-shadow:none;
}