/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1200px)
2. Styles for devices(>=992px and <=1199px)
3. Styles for devices(>=768px and <=992px)
4. Styles for devices(>=481px and <=767px)
5. Styles for devices(<=480px)
-------------------------------------------------------------------*/
/*----------------
[1. Styles for devices(>1200px)]
*/
@media (min-width: 1201px){
  .home-lead-padding {
    padding-left:5px;
    padding-right:5px;
  }
  
  .home-col-image-container-left {
    padding-right:0px;
  }
  
  .home-col-image-container-right {
    padding-left:0px;
  }
  
  .karriere-col-image-container-left {
    padding-right:4px;
  }
  
  .karriere-col-image-container-right {
    padding-left:4px;
  }
  
  .home-col-image-container-center {
    padding-right:7.5px;
    padding-left:7.5px;
  }
  
  .lead {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*----------------
[2. Styles for devices(>=993px and <=1200px)]
*/
@media (min-width: 993px) and (max-width: 1200px) {
  .home-lead-padding {
    padding-left:5px;
    padding-right:5px;
  }
  
  .home-col-image-container-left {
    padding-right:0px;
  }
  
  .home-col-image-container-right {
    padding-left:0px;
  }
  
  .home-col-image-container-center {
    padding-right:7.5px;
    padding-left:7.5px;
  }
  
  .karriere-col-image-container-left {
    padding-right:4px;
  }
  
  .karriere-col-image-container-right {
    padding-left:4px;
  }
  
  .lead {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*--------------------
[3. Styles for devices(>=768px and <=992px)]
*/
@media (min-width: 768px) and (max-width: 992px) {
  .img-logo {
    width:350px;
  }
  
  .img-background {
    height:auto;
  }
  
  .img-left-rounded {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .img-right-rounded {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
/*--------------------
[4. Styles for devices(>=481px and <=767px)]
*/
@media (min-width: 481px) and (max-width: 767px) {

	.footer-col {
		margin-bottom:20px;
	}
	
	.footer-p {
		margin-bottom:5px !important;
	}
	
  .img-logo {
    width:320px;
  }
  
  .img-background {
    height:auto;
  }
  
  .img-left-rounded {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .img-right-rounded {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .lead {
    font-size:1rem;
  }
  
  h1 {
    font-size: 1.8rem;
  }
  
  .gray-container {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom:10px;
  }

  .white-container {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom:10px;
  }
  
  .img-left-rounded {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .img-right-rounded {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
/*--------------------
[5. Styles for devices(<=480px)]
*/
@media (max-width: 480px) {
	.footer-col {
		margin-bottom:20px;
	}
	
	.footer-p {
		margin-bottom:5px !important;
	}
	
  .img-logo {
    width:220px;
  }

  .img-background {
    height:auto;
  }
  
  .sub-headline {
    margin-top:30px;
    font-size: 1.1rem;
  }
  
  .lead {
    font-size:1.1rem;
  }
  
  h1 {
    font-size: 1.8rem;
  }
  
  .gray-container {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom:10px;
  }

  .white-container {
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom:10px;
  }
  
  .img-left-rounded {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .img-right-rounded {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
}

@media (min-width: 481px) {

}