@media (max-width: 400px) {
		/*NAVBAR BEGINS HERE*/
	.logo{
		padding: 8px 0px 8px 0px;
	}
	
    .hamburger {
		display: block;
        cursor: pointer;
        z-index: 2;
        transition: all 0.7s ease;
		margin-left: 35%;
		position: relative;
    }

    .nav-links{
        position: fixed;
        background: white;
        height: 100%;
        width: 100%;
        flex-direction: column;
        clip-path: circle(5px at 90% -20%);
        -webkit-clip-path: circle(5px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
		overflow: hidden;
		padding: 20px;
    }
    .nav-links.open{
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
		font-size: 22px;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.3s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.9s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 1.2s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 1.5s;
    }
    li.fade{
        opacity: 1;
    }
	
	.navbar-link {
		font-size: 25px;
		font-weight: 400;
	}
	
	/* HEADINGS */

	h1 {
		font-size: 32px;
		color: white;
	}

	h2 {
		font-size: 20px;
		font-weight: normal;
		color: white;
	}

	h3 {
		color: #06215c;
		font-size: 16px;
		font-weight: normal;
	}

	h4 {
		color: white;
		font-size: 16px;
		font-weight: bold;
	}

	p {
		line-height: 1.5;
		letter-spacing: 0.6;
		font-size: 15px;
	}
	
	.column-footer {
		width: 100%;
		margin: 0px;
		padding: 5px;
		text-align: center;
	}
	
	.column-footer-link {
		width: 100%;
		text-align: center;
	}
	
	.footer-links {
		text-align: center;
	}
	
	.footer-links > li {
		text-align: center;
	}
	
	.column-copyright  p {
		font-size: 11px;
	}
	/*error aloldal*/
	
	.ginop {
	width: 120px;
	position:fixed;
    bottom:-20px;
    right:0;
	z-index:100;
	}
	
	.header-container {
	  height: 100vh;
	  text-align: center;
	}
	
	.header-img {
		height: 100vh;
	}

	.header-h1 {
		padding-top: 0px;
		padding-bottom: 15px;
	}

	.header-container-text {
		top: 19%;
		left: 0%;
		right: 0%;
		padding: 0px 20px;
	}

	.header-paragraph {
		padding: 0px 0px 5px 0px;
	}
	
	.header-paragraph-second {
		padding: 0px 0px 5px 0px;
	}
	
	.button {
	  font-size: 16px;
	  padding: 8px 30px;
	  margin-top: 14px;
	}
	
	.column-about {
	  float: left;
	  width: 100%;
	  padding: 50px 20px 150px 20px;
	  text-align: center;
	  position: relative;
	}

	.column-about::after {
	  background-size: 290px 290px;
	  background-position: -70px 20px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
	}

	.about-us-card {
	  padding: 6px;
	  text-align: center;
	}

	.about-us-card-inner-column {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}

	.column-about h2 {
		color: #808080;
		padding-bottom: 10px;
	}

	.column-about p {
		color: #808080;
	}

	.about-us-card-inner-img {
		max-width:100%;
		max-height:100%;
		padding: 12px 0px;
	}
	
	.column-highlight {
	  padding: 40px 20px 40px 20px;
	}

	.column-highlight h2 {
		padding-bottom: 35px;
	}
	
	.what-we-do {
		padding-bottom: 80px;
	}

	.what-we-do::after {
		content: "";
	  background-image: url("https://forgacsbalint.hu/assets/img/innomask-background.png");
	  background-repeat: no-repeat;
	  background-size: 948px 473px;
	  background-position: center 0px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
		  opacity: 0.1;
		  z-index:-1;
	}

	.column-do {
	  float: left;
	  width: 100%;
	  padding: 60px 20px 60px 42px;
	  text-align: center;
	}

	.column-do p {
		padding: 0px;
		text-align: center;
	}

	.do-service {
		margin: 0px 15px 0px 15px;
	}
	
	.flex-row {
	  display: block;
	}
	
	.flex-row-1 {
	  display: block;
	}
	
	.flex-card {
	  width: 100%;
	  margin: 40px 0px;
	}
	
	.flex-card-1 {
	  width: 100%;
	}

	.card {
	  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
	  padding: 20px 18px;
	  text-align: center;
	  background-color: white;
	  transition: transform .5s ease;
	}

	.card:hover {
	  -ms-transform: scale(1.09); /* IE 9 */
	  -webkit-transform: scale(1.09); /* Safari 3-8 */
	  transform: scale(1.09); 
	}

	.flex-card img {
		width: 20%;
		height: auto;
	}

	.flex-card p {
		color: #808080;
		padding: 0px;
		text-align: center;
	}

	.offer-paragraph {
		padding-bottom: 25px;
	}
	
	.column-contact {
	  padding: 60px 0px 0px 0px;
	}

	.contact-map {
		padding: 0px;
	}

	/* Create two equal columns that floats next to each other */
	.column-works-right {
	  width: 100%;
	  padding: 30px 0px 0px 0px;
	}

	.column-works-left-inner {
	  float: left;
	  width: 100%;
	}

	.column-works-left {
	  width: 100%;
	  padding: 30px 0px 20px 0px;
	}

	.column-works-left p {
		padding: 0px 0px 20px 0px;
	}

	.column-project {
	  float: left;
	  width: 50%;
	  padding: 10px 10px;
	}

	.card-project {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color: #1F1F1F;
	}

	.container {
	  position: relative;
	}

	.ajanlatkeres-form {
	  max-width: 350px;
	  margin: 0px auto;
	  padding: 0px 30px;
	}

	.feedback-input {
	  color: white;
	  font-family: Helvetica, Arial, sans-serif;
	  font-weight: 100;
	  font-size: 12px;
	  line-height: 20px;
	  background-color: transparent;
	  border: 1px solid gray;
	  transition: all 0.3s;
	  padding: 10px;
	  margin-bottom: 15px;
	  width: 100%;
	  box-sizing: border-box;
	  outline: 0;
	}

	@-webkit-keyframes autofill {
		0%,100% {
			color: white;
			background: transparent;
		}
	}

	input:-webkit-autofill {
		-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
		-webkit-animation-name: autofill;
		-webkit-animation-fill-mode: both;
	}

	textarea {
	  height: 150px;
	  line-height: 150%;
	  resize: vertical;
	}

	.contactbutton {
	  width: 30%;
	  background: #06215c;
	  cursor: pointer;
	  color: white;
	  font-size: 16px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  transition: all 0.3s;
	  margin-top:-4px;
	  font-weight: 400;
	  border: 3px solid #06215c;
	}
	
	.column-about-feedback {
	  padding: 150px 40px 40px 40px;
	}
	
	.about-us-card-inner-column {
		width: 100%;
	}
	
	.about-us-card-inner-column-error {
		width: 100%;
		padding: 8px 15px 8px 15px;
	}

	
	.feedback-card {
		margin: 0px;
		margin-bottom: 25px;
	}
	
	.feedback {
		padding: 20px;
	}
	
	.error-gif img {
		width: 100%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	/*error aloldal vége*/
	/*koszonjuk aloldal*/
	
	.ajanlatkeres-header-koszonjuk {
		padding: 100px 30px 30px 30px;
	}
	
	.buttons-koszonjuk {
		display: block;
	}
	
	.button1-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.button2-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	}
	
	@media screen and (max-width: 650px) and (min-width: 401px) {
	
	/*NAVBAR BEGINS HERE*/
	
	.logo{
		padding: 8px 0px 8px 0px;
	}
	
    .hamburger {
		display: block;
        cursor: pointer;
        z-index: 2;
        transition: all 0.7s ease;
		margin-left: 55%;
		position: relative;
    }

    .nav-links {
        position: fixed;
        background: white;
        height: 100%;
        width: 100%;
        flex-direction: column;
        clip-path: circle(5px at 90% -20%);
        -webkit-clip-path: circle(5px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
		overflow: hidden;
		padding: 20px;
    }
    .nav-links.open {
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
		font-size: 22px;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.3s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.9s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 1.2s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 1.5s;
    }
    li.fade{
        opacity: 1;
    }
	
	.navbar-link {
		font-size: 25px;
		font-weight: 400;
	}
	
	/* HEADINGS */

	h1 {
		font-size: 34px;
		color: white;
	}

	h2 {
		font-size: 22px;
		font-weight: normal;
		color: white;
	}

	h3 {
		color: #06215c;
		font-size: 18px;
		font-weight: normal;
	}

	h4 {
		color: white;
		font-size: 18px;
		font-weight: bold;
	}

	p {
		line-height: 1.5;
		letter-spacing: 0.6;
		font-size: 14px;
	}
	
	.column-footer {
		width: 50%;
		margin: 0px;
		padding: 5px;
	}
	
	.column-copyright  p {
		font-size: 11px;
	}
	/*error aloldal*/
	
	.ginop {
		width: 160px;
		position:fixed;
		bottom:-20px;
		right:0;
		z-index:100;
	}

	.header-h1 {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	
	.header-container {
	  height: 100vh;
	  text-align: center;
	}
	
	.header-img {
		height: 100vh;
	}

	.header-container-text {
		top: 15%;
		left: 0%;
		right: 0%;
		padding: 10px 25px;
	}

	.header-paragraph {
		padding-bottom: 5px;
		padding-right: 10%;
		padding-left: 10%;
	}
	
	.button {
	  font-size: 16px;
	  padding: 8px 35px;
	}
	
	.column-about {
	  float: left;
	  width: 100%;
	  padding: 50px 90px 150px 90px;
	  text-align: center;
	  position: relative;
	}

	.column-about::after {
	  background-size: 290px 290px;
	  background-position: -70px 20px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
	}

	.about-us-card {
	  padding: 6px;
	  text-align: center;
	}

	.about-us-card-inner-column {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}
	
	.feedback-card {
		margin: 0px;
	}
	
	.feedback {
		padding: 30px;
	}
	
	.about-us-card-inner-column-error {
		width: 100%;
		padding: 8px 15px 8px 15px;
	}

	.column-about h2 {
		color: #808080;
		padding-bottom: 10px;
	}

	.column-about p {
		color: #808080;
	}

	.about-us-card-inner-img {
		max-width:100%;
		max-height:100%;
		padding: 12px 0px;
	}
	
	.column-highlight {
	  padding: 40px 20px 40px 20px;
	}

	.column-highlight h2 {
		padding-bottom: 35px;
	}

	.what-we-do {
		padding-bottom: 80px;
	}

	.what-we-do::after {
		content: "";
	  background-image: url("https://forgacsbalint.hu/assets/img/innomask-background.png");
	  background-repeat: no-repeat;
	  background-size: 948px 473px;
	  background-position: center 0px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
		  opacity: 0.1;
		  z-index:-1;
	}

	.column-do {
	  float: left;
	  width: 100%;
	  padding: 60px 20px 60px 42px;
	  text-align: center;
	}

	.column-do p {
		padding: 0px;
		text-align: center;
	}

	.do-service {
		margin: 0px 60px 0px 60px;
	}
	
	.flex-row {
	  display: block;
	}
	
	.flex-card {
	  width: 100%;
	  margin: 45px 0px;
	}
	
	.flex-row-1 {
	  display: block;
	}
	
	.flex-card-1 {
	  width: 100%;
	  margin: 0px;
	}

	.card {
	  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
	  padding: 20px 18px;
	  text-align: center;
	  background-color: white;
	  transition: transform .5s ease;
	}

	.card:hover {
	  -ms-transform: scale(1.09); /* IE 9 */
	  -webkit-transform: scale(1.09); /* Safari 3-8 */
	  transform: scale(1.09); 
	}

	.flex-card img {
		width: 20%;
		height: auto;
	}

	.flex-card p {
		color: #808080;
		padding: 0px;
		text-align: center;
	}

	.offer-paragraph {
		padding-bottom: 25px;
	}
	
	.column-contact {
	  padding: 60px 0px 0px 0px;
	}

	.contact-map {
		padding: 0px;
	}

	/* Create two equal columns that floats next to each other */
	.column-works-right {
	  width: 100%;
	  padding: 30px 0px 0px 0px;
	}

	.column-works-left-inner {
	  float: left;
	  width: 100%;
	}

	.column-works-left {
	  width: 100%;
	  padding: 30px 0px 20px 0px;
	}

	.column-works-left p {
		padding: 0px 0px 20px 0px;
	}

	.column-project {
	  float: left;
	  width: 50%;
	  padding: 10px 10px;
	}

	.card-project {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color: #1F1F1F;
	}

	.container {
	  position: relative;
	}

	.ajanlatkeres-form {
	  max-width: 350px;
	  margin: 0px auto;
	  padding: 0px;
	}

	.feedback-input {
	  color: white;
	  font-family: Helvetica, Arial, sans-serif;
	  font-weight: 100;
	  font-size: 12px;
	  line-height: 20px;
	  background-color: transparent;
	  border: 1px solid gray;
	  transition: all 0.3s;
	  padding: 10px;
	  margin-bottom: 15px;
	  width: 100%;
	  box-sizing: border-box;
	  outline: 0;
	}

	@-webkit-keyframes autofill {
		0%,100% {
			color: white;
			background: transparent;
		}
	}

	input:-webkit-autofill {
		-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
		-webkit-animation-name: autofill;
		-webkit-animation-fill-mode: both;
	}

	textarea {
	  height: 150px;
	  line-height: 150%;
	  resize: vertical;
	}

	.contactbutton {
	  width: 30%;
	  background: #06215c;
	  cursor: pointer;
	  color: white;
	  font-size: 16px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  transition: all 0.3s;
	  margin-top:-4px;
	  font-weight: 400;
	  border: 3px solid #06215c;
	}
	
	.column-about-feedback {
	  padding: 150px 40px 40px 40px;
	}
	
	.about-us-card-inner-column {
		width: 100%;
	}
	
	.error-gif img {
		width: 100%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	/*error aloldal vége*/
	/*koszonjuk aloldal*/
	
	.ajanlatkeres-header-koszonjuk {
		padding: 100px 30px 30px 30px;
	}
	
	.buttons-koszonjuk {
		display: block;
	}
	
	.button1-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.button2-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.column-blogs-koszonjuk {
		padding: 20px;
	}
}
	
	@media screen and (max-width: 767px) and (min-width: 651px) {
	/*NAVBAR BEGINS HERE*/
	
	.logo{
    padding: 8px 0px 8px 0px;
	}
	
    .hamburger {
		display: block;
        cursor: pointer;
        z-index: 2;
        transition: all 0.7s ease;
		margin-left: 55%;
		position: relative;
    }

    .nav-links{
        position: fixed;
        background: white;
        height: 100%;
        width: 100%;
        flex-direction: column;
        clip-path: circle(5px at 90% -20%);
        -webkit-clip-path: circle(5px at 90% -10%);
        transition: all 1s ease-out;
        pointer-events: none;
		overflow: hidden;
		padding: 20px;
    }
    .nav-links.open{
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% -10%);
        pointer-events: all;
    }
    .nav-links li{
        opacity: 0;
		font-size: 22px;
    }
    .nav-links li:nth-child(1){
        transition: all 0.5s ease 0.3s;
    }
    .nav-links li:nth-child(2){
        transition: all 0.5s ease 0.6s;
    }
    .nav-links li:nth-child(3){
        transition: all 0.5s ease 0.9s;
    }
    .nav-links li:nth-child(4){
        transition: all 0.5s ease 1.2s;
    }
    .nav-links li:nth-child(5){
        transition: all 0.5s ease 1.5s;
    }
    li.fade{
        opacity: 1;
    }
	
	.navbar-link {
		font-size: 25px;
		font-weight: 400;
	}
	
	/* HEADINGS */

	h1 {
		font-size: 36px;
		color: white;
	}

	h2 {
		font-size: 24px;
		font-weight: normal;
		color: white;
	}

	h3 {
		color: #06215c;
		font-size: 20px;
		font-weight: normal;
	}

	h4 {
		color: white;
		font-size: 20px;
		font-weight: bold;
	}

	p {
		line-height: 1.5;
		letter-spacing: 0.6;
		font-size: 14px;
	}
	
	.column-footer {
		width: 50%;
		margin: 0px;
		padding: 5px;
	}
	
	.column-copyright  p {
		font-size: 11px;
	}
	/*error aloldal*/
	
	.ginop {
	width: 160px;
	position:fixed;
    bottom:-20px;
    right:0;
	z-index:100;
	}

	.header-h1 {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	
	.header-container {
	  height: 100vh;
	  text-align: center;
	}
	
	.header-img {
		height: 100vh;
	}

	.header-container-text {
		top: 25%;
		left: 0%;
		right: 0%;
		padding: 10px 25px;
	}

	.header-paragraph {
		padding-bottom: 5px;
		padding-right: 10%;
		padding-left: 10%;
	}
	
	.button {
	  font-size: 16px;
	  padding: 8px 35px;
	}
	
	.column-about {
	  float: left;
	  width: 100%;
	  padding: 50px 90px 150px 90px;
	  text-align: center;
	  position: relative;
	}

	.column-about::after {
	  background-size: 290px 290px;
	  background-position: -70px 20px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
	}

	.about-us-card {
	  padding: 6px;
	  text-align: center;
	}

	.about-us-card-inner-column {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}

	.column-about h2 {
		color: #808080;
		padding-bottom: 10px;
	}

	.column-about p {
		color: #808080;
	}

	.about-us-card-inner-img {
		max-width:100%;
		max-height:100%;
		padding: 12px 0px;
	}
	
	.column-highlight {
	  padding: 40px 20px 40px 20px;
	}

	.column-highlight h2 {
		padding-bottom: 35px;
	}
	
	.what-we-do {
		padding-bottom: 80px;
	}

	.what-we-do::after {
		content: "";
	  background-image: url("https://forgacsbalint.hu/assets/img/innomask-background.png");
	  background-repeat: no-repeat;
	  background-size: 948px 473px;
	  background-position: center 0px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
		  opacity: 0.1;
		  z-index:-1;
	}

	.column-do {
	  float: left;
	  width: 100%;
	  padding: 60px 20px 60px 42px;
	  text-align: center;
	}

	.column-do p {
		padding: 0px;
		text-align: center;
	}

	.do-service {
		margin: 0px 60px 0px 60px;
	}
	
	.flex-row {
	  display: block;
	}
	
	.flex-card {
	  margin: 45px 80px;
	}
	
	.flex-row-1 {
	  display: block;
	}
	
	.flex-card-1 {
	  margin: 20px;
	}

	.card {
	  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
	  padding: 20px 18px;
	  text-align: center;
	  background-color: white;
	  transition: transform .5s ease;
	}

	.card:hover {
	  -ms-transform: scale(1.09); /* IE 9 */
	  -webkit-transform: scale(1.09); /* Safari 3-8 */
	  transform: scale(1.09); 
	}

	.flex-card img {
		width: 20%;
		height: auto;
	}

	.flex-card p {
		color: #808080;
		padding: 0px;
		text-align: center;
	}

	.offer-paragraph {
		padding-bottom: 25px;
	}
	
	.column-contact {
	  padding: 60px 0px 0px 0px;
	}

	.contact-map {
		padding: 0px;
	}

	/* Create two equal columns that floats next to each other */
	.column-works-right {
	  width: 100%;
	  padding: 30px 0px 0px 0px;
	}

	.column-works-left-inner {
	  float: left;
	  width: 100%;
	}

	.column-works-left {
	  width: 100%;
	  padding: 30px 0px 20px 0px;
	}

	.column-works-left p {
		padding: 0px 0px 20px 0px;
	}

	.column-project {
	  float: left;
	  width: 50%;
	  padding: 10px 10px;
	}

	.card-project {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color: #1F1F1F;
	}

	.container {
	  position: relative;
	}

	.ajanlatkeres-form {
	  max-width: 350px;
	  margin: 0px auto;
	  padding: 0px;
	}

	.feedback-input {
	  color: white;
	  font-family: Helvetica, Arial, sans-serif;
	  font-weight: 100;
	  font-size: 12px;
	  line-height: 20px;
	  background-color: transparent;
	  border: 1px solid gray;
	  transition: all 0.3s;
	  padding: 10px;
	  margin-bottom: 15px;
	  width: 100%;
	  box-sizing: border-box;
	  outline: 0;
	}

	@-webkit-keyframes autofill {
		0%,100% {
			color: white;
			background: transparent;
		}
	}

	input:-webkit-autofill {
		-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
		-webkit-animation-name: autofill;
		-webkit-animation-fill-mode: both;
	}

	textarea {
	  height: 150px;
	  line-height: 150%;
	  resize: vertical;
	}

	.contactbutton {
	  width: 30%;
	  background: #06215c;
	  cursor: pointer;
	  color: white;
	  font-size: 14px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  transition: all 0.3s;
	  margin-top:-4px;
	  font-weight: 400;
	  border: 3px solid #06215c;
	}
	
	.column-about-feedback {
	  padding: 150px 40px 40px 40px;
	}
	
	.about-us-card-inner-column {
		width: 100%;
	}
	
	.feedback-card {
		margin: 0px 20px 0px 20px;
	}
	
	.feedback {
		padding: 30px;
	}
	
	.error-gif img {
		width: 100%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	/*error aloldal vége*/
	/*koszonjuk aloldal*/
	
	.ajanlatkeres-header-koszonjuk {
		padding: 100px 30px 30px 30px;
	}
	
	.buttons-koszonjuk {
		display: block;
	}
	
	.button1-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.button2-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.column-blogs-koszonjuk {
		padding: 20px;
	}
	}
	
	@media screen and (max-width: 992px) and (min-width: 768px) {
	
	/*NAVBAR*/
	
	.logo{
		padding: 2px 0px 2px 20px;
	}
	
	.nav-links{
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
	padding-left: 200px;
	padding-right: 50px;
	}
	
	/* HEADINGS */

	h1 {
		font-size: 38px;
		color: white;
	}

	h2 {
		font-size: 26px;
		font-weight: normal;
		color: white;
	}

	h3 {
		color: #06215c;
		font-size: 22px;
		font-weight: normal;
	}

	h4 {
		color: white;
		font-size: 22px;
		font-weight: bold;
	}

	p {
		line-height: 1.5;
		letter-spacing: 0.6;
		font-size: 14px;
	}
	
	.column-footer {
		width: 30%;
		padding: 30px;
		margin: 10px;
	}
	
	.column-copyright  p {
		font-size: 11px;
	}
	/*error aloldal*/
	
	.ginop {
	width: 180px;
	position:fixed;
    bottom:-20px;
    right:0;
	z-index:100;
	}

	.header-h1 {
		padding-top: 22px;
		padding-bottom: 15px;
	}
	
	.header-container {
	  height: 100vh;
	}
	
	.header-img {
		height: 100vh;
	}

	.header-container-text {
		top: 20%;
		left: 5%;
		right: 0%;
		padding: 10px 25px;
	}

	.header-paragraph {
		padding-bottom: 5px;
	}
	
	.button {
	  font-size: 14px;
	  padding: 5px 32px;
	}
	
	.column-about {
	  float: left;
	  width: 100%;
	  padding: 50px 150px 150px 150px;
	  text-align: center;
	  position: relative;
	}

	.column-about::after {
	  background-size: 350px 350px;
	  background-position: -70px 40px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
	}

	.about-us-card {
	  padding: 6px;
	  text-align: center;
	}

	.about-us-card-inner-column {
		float: left;
		width: 100%;
		padding: 0px 20px;
	}

	.column-about h2 {
		color: #808080;
		padding-bottom: 10px;
	}

	.column-about p {
		color: #808080;
	}

	.about-us-card-inner-img {
		max-width:100%;
		max-height:100%;
		padding: 12px 0px;
	}
	
	.column-highlight {
	  padding: 40px 120px 40px 120px;
	}

	.column-highlight h2 {
		padding-bottom: 35px;
	}
	
	.what-we-do {
		padding-bottom: 80px;
	}

	.what-we-do::after {
		content: "";
	  background-image: url("https://forgacsbalint.hu/assets/img/innomask-background.png");
	  background-repeat: no-repeat;
	  background-size: 948px 473px;
	  background-position: center 0px;
	   position: absolute;
		  top: 0px;
		  right: 0px;
		  bottom: 0px;
		  left: 0px;
		  opacity: 0.1;
		  z-index:-1;
	}

	.column-do {
	  float: left;
	  width: 100%;
	  padding: 60px 20px 60px 42px;
	  text-align: center;
	}

	.column-do p {
		font-size: 16px;
		padding: 0px;
		text-align: center;
	}

	.do-service {
		margin: 0px 30px 0px 30px;
	}
	
	.flex-row {
	  display: flex;
	}
	
	.flex-card {
	  margin: 30px 10px;
	}
	
	.flex-row-1 {
	  display: block;
	}
	
	.flex-card-1 {
	  margin: 20px 10px;
	}

	.card {
	  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.2);
	  padding: 20px 18px;
	  text-align: center;
	  background-color: white;
	  transition: transform .5s ease;
	}

	.card:hover {
	  -ms-transform: scale(1.09); /* IE 9 */
	  -webkit-transform: scale(1.09); /* Safari 3-8 */
	  transform: scale(1.09); 
	}

	.flex-card img {
		width: 20%;
		height: auto;
	}

	.flex-card p {
		color: #808080;
		padding: 0px;
		text-align: center;
	}

	.offer-paragraph {
		padding-bottom: 25px;
	}
	
	.column-contact {
	  padding: 60px 0px 0px 0px;
	}

	.contact-map {
		padding: 20px;
	}

	/* Create two equal columns that floats next to each other */
	.column-works-right {
	  width: 50%;
	  padding: 30px 0px 0px 0px;
	}

	.column-works-left-inner {
	  float: left;
	  width: 100%;
	}

	.column-works-left {
	  width: 50%;
	  padding: 30px 0px 20px 0px;
	}

	.column-works-left p {
		padding: 0px 0px 20px 0px;
	}

	.column-project {
	  float: left;
	  width: 50%;
	  padding: 10px 10px;
	}

	.card-project {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  padding: 16px;
	  text-align: center;
	  background-color: #1F1F1F;
	}

	.container {
	  position: relative;
	}

	.ajanlatkeres-form {
	  max-width: 350px;
	  margin: 0px auto;
	  padding: 0px;
	}

	.feedback-input {
	  color: white;
	  font-family: Helvetica, Arial, sans-serif;
	  font-weight: 100;
	  font-size: 12px;
	  line-height: 20px;
	  background-color: transparent;
	  border: 1px solid gray;
	  transition: all 0.3s;
	  padding: 10px;
	  margin-bottom: 15px;
	  width: 80%;
	  box-sizing: border-box;
	  outline: 0;
	}

	@-webkit-keyframes autofill {
		0%,100% {
			color: white;
			background: transparent;
		}
	}

	input:-webkit-autofill {
		-webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
		-webkit-animation-name: autofill;
		-webkit-animation-fill-mode: both;
	}

	textarea {
	  height: 150px;
	  line-height: 150%;
	  resize: vertical;
	}

	.contactbutton {
	  width: 30%;
	  background: #06215c;
	  cursor: pointer;
	  color: white;
	  font-size: 14px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	  transition: all 0.3s;
	  margin-top:-4px;
	  font-weight: 400;
	  border: 3px solid #06215c;
	}
	
	.column-about-feedback {
	  padding: 150px 40px 40px 40px;
	}
	
	.about-us-card-inner-column {
		width: 100%;
	}
	
	.error-gif img {
		width: 100%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	.feedback-card {
		margin: 0px;
	}
	
	.feedback {
		padding: 30px;
	}
	
	/*error aloldal vége*/
	/*koszonjuk aloldal*/
	
	.ajanlatkeres-header-koszonjuk {
		padding: 100px 30px 30px 30px;
	}
	
	.buttons-koszonjuk {
		display: block;
	}
	
	.button1-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.button2-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
	nav {
	  width: 100%;
	  transition: top 0.5s;
	  background-color: white;
	  display: flex;
	  position: fixed;
	  z-index: 9997;
		-webkit-box-shadow: 0 8px 6px -10px #004d79;
		   -moz-box-shadow: 0 8px 6px -10px #004d79;
				box-shadow: 0 8px 6px -10px #004d79;
	}

	.logo{
		padding: 10px 0px 10px 40px;
	}
	.logo img {
		height: 100%;
		max-height: 50px;
		position: relative;
	}

	/*Styling Links*/
	.nav-links{
		display: flex;
		list-style: none; 
		width: 100%;
		justify-content: space-evenly;
		align-items: center;
		padding-left: 150px;
		padding-right: 30px;
	}
	.navbar-link {
		text-decoration: none;
		color: #06215c;
	}

	.navbar-link:hover {
		color: #082c7c;
		transition: all ease-in-out 300ms;
	}

	.nav-links li {
		position: relative;
	}
	
	h1 {
		font-size: 40px;
	}
	
	.ginop {
		width: 200px;
	}

	.column-about {
	  float: left;
	  width: 100%;
	  padding: 150px 100px 150px 100px;
	  text-align: center;
	  position: relative;
	}

	.about-us-card-inner-column {
		float: left;
		width: 50%;
		padding: 0px 32px;
	}
	
	.column-highlight {
	  padding: 60px 250px 60px 250px;
	}
	
	.do-service {
		margin: 0px 80px 80px 80px;
	}
	
	.column-about-feedback {
	  padding: 150px 120px 40px 120px;
	}
	
	.about-us-card-inner-column {
		width: 100%;
	}
	
	.error-gif img {
		width: 100%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	.column-footer1 {
		padding: 10px 20px 10px 20px;
	}
	
	.column-footer2 {
		padding: 20px 20px 20px 20px;
	}
	
	.column-copyright  p {
		font-size: 11px;
	}
	
	/*error aloldal*/
	
	.error-gif img {
		width: 80%;
	}
	
	.button-error {
		padding: 16px 26px;
	}
	
	/*error aloldal vége*/
	/*koszonjuk aloldal*/
	
	.ajanlatkeres-header-koszonjuk {
		padding: 100px 30px 30px 30px;
	}
	
	.buttons-koszonjuk {
		display: inline-block;
	}
	
	.button1-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.button2-koszonjuk {
		margin: 0px 0px 10px 0px;
		padding: 12px 24px;
	}
	
	.column-blogs-koszonjuk {
		padding: 20px;
	}
	
	.column-blogs-koszonjuk p {
		font-size: 14px;
	}
	
	.blog {
		margin: 0px 0px 40px 0px;
	}
	
	.column-blog {
		width: 33.3%;
		padding: 0px 20px 40px 20px;
	}
	
	.blog-koszonjuk {
		margin: 0px 0px 40px 0px;
	}
	
	.column-blog-koszonjuk {
		width: 100%;
		padding: 0px 20px 40px 20px;
	}
	/*koszonjuk aloldal vége*/
}