nav.navbar-inverse{
	height:72px;
	position:fixed;
	width:100%;
	top:0;
	z-index:999;
}
h3{
	text-align:center;
}
.qrcg-input-field {
    border: 3px groove #33333308;
    border-radius: 10px;
    width: 25em;
    padding: 0.5em 2em 2em 2em;
    margin: 5em 5em 5em 3em;
    height: 26em;
    background: #f8f8f8;
}
.qrcg-qr-field {
    border: 3px groove #33333308;
    border-radius: 10px;
    width: 24em;
    height: 26em;
    padding: 0.5em 2em 2em 2em;
    margin: 5em 3em 5em;
    float: right;
    background: #f8f8f8;
}
.qrcg-section {
    border-radius: 0px;
    margin: 0em 5em 0em 0em;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-color: #dee2e6 #dee2e6 #dee2e6;
    border-top: 1px solid transparent;
}
.qrcg-input-email{
	width:20em;
}
.qrcg-button-email{
	width:20em; 
	margin:0;
}
.qrframe{
	border:2px solid black; 
	width:210px; 
	height:210px;
}
.qrcg-download-button{
	width:210px; 
	margin:5px 0;
	text-decoration: none !important;
	color: #fff !important;
}
.qrcg-image{
	width:200px; 
	height:200px;
}
.qrcg-other-download-button{
	width:100px; 
	margin:5px 0;
	text-decoration: none !important;
	color: #fff !important;
}

label.error{
    border: 2px solid red;
    border-radius: 4px;
    line-height: 1;
    padding: 2px 0 6px 6px;
    background: #ffe6eb;
    margin-top: 10px;
    width: 100%;
}
@media only screen and ( min-width: 980px ) and ( max-width: 1079px ) {
	.qrcg-input-field {
    width: 23em;
    margin: 5em 3em 5em 3em;
}
	.qrcg-qr-field {
    width: 22em;
    margin: 5em 3em 3em;
}
}
@media only screen and ( min-width: 768px ) and ( max-width: 979px ) {
		.qrcg-input-field {
    width: 19em;
    margin: 5em 1em 5em 2em;
}
	.qrcg-qr-field {
    width: 19em;
    margin: 5em 2em 2em 1em;
}
	.qrcg-other-download-button{
	width:80px; 
}
}
@media only screen and ( min-width: 640px ) and ( max-width: 767px ) {
			.qrcg-input-field {
    width: 16em;
    margin: 5em 0em 5em 2em;
}
	.qrcg-qr-field {
    width: 17em;
    margin: 5em 2em 2em 0em;
}
	.qrcg-other-download-button{
	width:50px; 
}
}
@media only screen and ( min-width: 480px ) and ( max-width: 639px ) {
	.qrcg-input-field {
    width: 24em;
    margin: 5em 5em 2em 3em;
    margin-left: auto;
    margin-right: auto;
    height: 18em;
}
	.qrcg-qr-field {
    width: 24em;
    height: 26em;
    margin: 2em 3em 5em;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
		.qrcg-other-download-button{
	width:70px; 
}
}
@media only screen and ( max-width: 479px ) {
    	.qrcg-input-field {
    width: 20em;
    margin: 5em 5em 2em 3em;
    margin-left: auto;
    margin-right: auto;
    height: 18em;
}
	.qrcg-qr-field {
    width: 20em;
    height: 26em;
    margin: 2em 3em 5em;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
	.qrcg-other-download-button{
	width:70px; 
}
}