body {
  font-family: 'Raleway', Tahoma, sans-serif;
  background-color: white;
  font-variant-numeric: lining-nums;
}

h1 {
  color: black;
  text-align: left;
  font-weight: 800;
  padding-top: 20px;
}

label {
	display: inline-block;
	width: 130px;
}

input[type="submit"] {
	font-weight:bold;
	font-size: 1.1em;
}

input {
    font-family: 'Raleway', Tahoma, sans-serif;
}

hr {
    margin: 0;
    width: 100%;
}

.fret {
    border-width: 1px;
}

.fret-label {
    font-size: 0.7em;
}

div.chord-chart{
   max-width: 900px;
}

.edit-song, .audio-fun {
    padding: 40px 0;
}

@media print {
    .section-header, .chord-chart {
        break-inside: avoid;
        width: 100%;
        max-width: 100%;
    }
    .container {
        break-inside: avoid;
    }

   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
   }
   .col-md-12 {
        width: 100%;
   }
   .col-md-11 {
        width: 91.66666667%;
   }
   .col-md-10 {
        width: 83.33333333%;
   }
   .col-md-9 {
        width: 75%;
   }
   .col-md-8 {
        width: 66.66666667%;
   }
   .col-md-7 {
        width: 58.33333333%;
   }
   .col-md-6 {
        width: 50%;
   }
   .col-md-5 {
        width: 41.66666667%;
   }
   .col-md-4 {
        width: 33.33333333%;
   }
   .col-md-3 {
        width: 25%;
   }
   .col-md-2 {
        width: 16.66666667%;
   }
   .col-md-1 {
        width: 8.33333333%;
   }
   .audio-fun {
       display: none;
   }
   .edit-song {
       display: none;
   }
   .page {
       width: 17cm;
       margin: 0;
   }
   .fifth-width {
       float: left;
       width: 20% !important;
   }
}