/*
 * Daniel und Tobias Webelsiep (http://webelsiep.com)
 * Copyright © 2018
 */
@media (min-width: 1200px) {
	h1, .h1 {
	  font-size: 4.0rem;
	}
	h2, .h2 {
	  font-size: 2.0rem;
	}
	h3, .h3 {
	  font-size: 1.3rem;
	}
	
	.btn-logout {
		font-size: 1rem;
	}
	
	.img-thumb {
		max-width: 14rem !important;
	}

	.nav-link {
		padding: .1rem 0.5rem;
		font-size: 1.2rem;
	}

	.modal-dialog {
		max-width: 1024px !important;
	}

	.footer-link-text {
		margin-right: .75rem
	}	
}
 
@media (max-width: 1199px) {
	h1, .h1 {
	  font-size: 4.0rem;
	}
	h2, .h2 {
	  font-size: 2.0rem;
	}
	h3, .h3 {
	  font-size: 1.3rem;
	}
	
	.btn-logout {
		font-size: 1rem;
	}
	
	.img-thumb {
		max-width: 14rem !important;
	}

	.nav-link {
		padding: .1rem 0.5rem;
		font-size: 1.2rem;
	}
	
	.modal-dialog {
		max-width: 912px !important;
	}
	
	.footer-link-text {
		margin-right: .75rem
	}	
}

@media (max-width: 992px) {
	h1, .h1, .headline-upper {
	  font-size: 4.0rem;
	}
	h2, .h2 {
	  font-size: 1.6rem;
	}
	h3, .h3 {
	  font-size: 1.3rem;
	}
	
	.btn-logout {
		font-size: 1rem;
	}
	
	.img-thumb {
		max-width: 12rem !important;
	}

	.nav-link {
		padding: .1rem 0.5rem;
		font-size: 1.2rem;
	}
	
	.modal-dialog {
		max-width: 640px !important;
	}
	
	.footer-link-text {
		margin-right: .75rem
	}
}

@media (max-width: 768px) {
	h1, .h1, .headline-upper {
	  font-size: 3.2rem;
	}
	h2, .h2 {
	  font-size: 1.6rem;
	}
	h3, .h3 {
	  font-size: 1.2rem;
	}

	.img-thumb {
		max-width: 10rem !important;
	}
	
	.p-3 {
		padding: .7rem !important;
	}
	.my-3 {
		margin-top: .7rem !important;
		margin-bottom: .7rem !important;
	}
	.mr-2 {
		margin-right: .4rem !important;
	}
	.container {
		padding-left: .7rem;
		padding-right: .7rem;
	}

	.nav-link {
		padding: .1rem 0.5rem;
		font-size: 1.1rem;
	}
	
	.modal-dialog {
		max-width: 512px !important;
	}
	
	.footer-link-text {
		margin-right: .75rem
	}
}

@media (max-width: 576px) {
	h1, .h1, .headline-upper {
	  font-size: 2.4rem;
	}
	h2, .h2 {
	  font-size: 1.5rem;
	}
	h3, .h3 {
	  font-size: 1.3rem;
	}

	body {
		line-height: 1.6;
	}
	.img-thumb {
		max-width: 8rem !important;
	}	
	p {
		margin-bottom: .5rem;
	}
	.text-expanded {
		letter-spacing: 1.5px;
	}
	.p-3 {
		padding: .5rem !important;
	}
	.my-3 {
		margin-top: .5rem !important;
		margin-bottom: .5rem !important;
	}
	.mr-2 {
		margin-right: .3rem !important;
	}
	.container {
		padding-left: .3rem;
		padding-right: .3rem;
	}
	.navbar {
		padding: .3rem .5rem;
	}
	.nav-link {
		padding: .1rem .3rem;
	}
	.navbar-toggler {
		padding: .1rem. 3rem;
		font-size: 1.2rem;
	}
	.navbar-div-left {
		width: 56px;
	}
	
	.modal-dialog {
		max-width: 420px !important;
	}
	
	.footer-link-text {
		font-size: 0rem;
		margin-right: .25rem
	}	
}

@media (max-width: 480px) {
	h1, .h1, .headline-upper {
	  font-size: 2.0rem;
	}
	h2, .h2 {
	  font-size: 1.4rem;
	}
	h3, .h3 {
	  font-size: 1.2rem;
	}

	body {
		line-height: 1.3;
	}
	p {
		margin-bottom: .3rem;
	}
	.img-thumb {
		max-width: 6rem !important;
	}	
	.text-expanded {
		letter-spacing: 1px;
	}
	.p-3 {
		padding: .3rem !important;
	}
	.my-3 {
		margin-top: .3rem !important;
		margin-bottom: .3rem !important;
	}
	.mr-2 {
		margin-right: .2rem !important;
	}
	.container {
		padding-left: .2rem;
		padding-right: .2rem;
	}
	.navbar {
		padding: .2rem .3rem;
	}	
	.nav-link {
		padding: .1rem .2rem;
	}
	.navbar-toggler {
		padding: .1rem .3rem;
		font-size: 1.1rem;
	}
	.navbar-div-left {
		width: 43px;
	}
	
	.modal-dialog {
		max-width: 320px !important;
	}
	
	.footer-link-text {
		font-size: 0rem;
		margin-right: .25rem
	}	
}