/* body, container*/
		
body{margin: 0 auto;
	background-color: #fff;
	font-family: poppins;
	max-width: 1100px;
	}

	.container-fluid {
		background-color: #fff;
		margin-top: 1rem;
		margin-bottom: 1em;
		padding-right: 1em;
		padding-left: 1em;
		clear: both;
		}

/* elválasztóvonal */

hr {width: 60%;
clear: both;}

/* listák  */

ul {
    list-style-position: outside;
}

/* képek - ikonok */

.icon {
    max-width:100%;
    -moz-box-sizing: content-box;
}
	

	.kep{
     max-width:100%;
   }

/* HEADER */

 div.container-fluid.sticky-top.padding
{background-color: #fff; }

/*LOGO*/

div.container-fluid.sticky-top.padding > img
	{max-width: 290px;
	padding-top: 1rem;
	padding-left: 1rem;
	}

.kenyer{padding: 1rem;}

/* scrollmagic anim */

.anim {opacity:0;
 transform: translateY(40px);
 transition: all 0.7s ease-out;
}

.fade-in{
	opacity:1;
	transform: translateY(0);
}

/* egyetlen termékünk */

#slogan{font-size: 4vw;
	text-align: center;
	padding-top:2rem;
	padding-bottom: 2rem;}

/* jumbotron */

.idezet {background: #F2F2F2;
margin-top:  13px;
margin-right: 13px; 
border-color: #fff;  
 		padding: 1em;
	     display: -webkit-box;
	     display: -ms-flexbox;
	     display: flex;}
	     	  
.megold { font-size: 200%; }

.red{color: red;}

/*contact */

.contact{text-align: center;}

/*referencia */

.referencia {padding: 1rem;}

/* footer */

.footer {background: #2E2E2E;
		color: #fff;
		padding: 1em 1em 0 1em; 
		margin-bottom: 0;
		} 

	.om_logo{ width: 33%; }

.hasab{margin-right: 2em;
}
#social{float:right;
        }

/* Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
   /*.icon { flex-wrap: wrap;
		 width: 40%;} /*/}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

	/*#elsoicon{};
    
	.icon{

          flex-wrap: wrap;
		width: 70%;} */}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { /*
    
	.icon{
          flex-wrap: wrap;
		width: 100%;} */}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {/* .icon{
          flex-wrap: wrap;
		width: 40%;}  */}