* {
    
    padding: 0;
    box-sizing: border-box;
   
   
}
body{

	background-color: rgba(22, 49, 71, 0.548);
	font-family: Open Sans, normal 400;}
h2{
    padding-top: 12%;
    padding-left: 8%;
}
.row
{
    max-width: 1040px;
    margin: 0 auto; 
    
}
.logo
{
    border-radius: 50%;
    height: 70px;
    margin-top: 2%;
    width: auto; 
    float: left;
}
/* navig new desktop */
nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2% 6%;
}

nav .links{
   padding-bottom: 20px;
}

nav .material-icons-outlined{
    display: none;
}
/* navig new desktop */
.nav-big
{

list-style: none;
margin-top: 45px;

}
.nav-big li
{
    display: inline-block;
    margin-left: 20px;
    
}
.nav-big li a:link,
.nav-big li a:visited
{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
   border-bottom: 2px solid transparent;
   transition: border-bottom 0.2s;
   padding: 3px 0;
   color: rgb(246, 253, 177);
   text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.337);
}

.nav-big li a:hover, 
.nav-big li a:active
{
 border-bottom: 2px solid rgb(155, 195, 228)

}
.mobile-nav-icon
{
float: right;
margin-top: 20px;
cursor: pointer;
display: none;


}
.mobile-nav-icon i
{
    font-size: 200%;
    color: #fff; 
}
.suppng{
    height: 4vh;
    margin-bottom: -5px;
}

.parent-container{
 
max-width: 80%;
   margin-left: 10%;
   padding-top: 6%;
   font-size: 20px;
   text-align: justify;
   margin-top: 10px;

}


.felszerelesek{
  
height: auto;
    

}

.kerekp{

    margin-bottom: 20px;
    width:33%;
}
p strong{

margin-bottom: 50px;
margin-top: 50px;
}

.felszkep{
  
height: auto;
margin-bottom: 5em;

}
.felszkep img{
    border-radius: 2%;
   height: auto;
   width: 100%;
   border-style: double;
   border-color: rgb(213, 230, 233);
}
.flexbox{
    display: flex;
    justify-content: space-between;
}
.flexleiras{
    flex-basis: 50%;
    padding: 5vh 5vh 5vh 0;
    margin-right: 2vh;
}
.flexkep{

    flex-basis: 45%;
    padding: 8vh 5vh 5vh 13vh;
    margin-top: auto;
    margin-bottom:auto ;
    
    
}
.flexkep img{
  max-height: 300px;
 
}


.telefon {
    visibility: hidden;
    display: none;
  
}
@media screen and (max-width:1200px) {
    .flexleiras{
        flex-basis: 50%;
    }
    .flexkep{
        flex-basis: 50%;
        padding: 10vh 2vh;
        margin-left: 2vh;
    }
    
}
@media screen and (max-width:860px) {

    .flexbox{
      flex-direction: column;
    }

    .flexkep img{
        max-width: 80%;
        max-height:80%;
       
      }
    .flexleiras{
        flex-basis: 50%;
    }
    .flexkep{
        flex-basis: 50%;
        padding: 8vh 5vh 5vh 0vh;
        margin-left: 2vh;
    }
    
}

@media only screen and (max-width: 480px) {

    h1{
        text-align: center;
    }
	.kerekp {
		width: 100%; 
	}
    .flexkep{
        padding:0;
        margin-left: 0;
        margin-top: 2em;
    }
    .flexleiras{
     
            padding:0;
            margin-right: 0;
        
    }

    .flexkep img{
        max-width:100%;

      
      }
      .parent-container{
 
           margin-left: auto;
           margin-right: auto;   
        
        }
        .telefon {
            height: auto; 
            display: inline;
            color: rgb(240, 255, 24)  ; 
            text-decoration: none;
          visibility: visible;
          font-size: 2.8vh;
          
    
    }
}