@import url('https://fonts.googleapis.com/css2?family=Montserrat');
@import url('https://fonts.googleapis.com/css2?family=Montserrat');
@media (max-width: 767px) { 
    /* #main{
        width:100%;
    } */
 }
 @media (min-width: 768px) { 
    #main{
        max-width: 1024px;
    }
  }

body{
    font-family: 'Montserrat';
}
.hidden{
    display:none;
}

.iramsg{
    color: red;
}
#main{
    box-shadow: 2px 2px 10px 0px rgba(136,136,136,0.75);
}

hr {
    border: 2px solid #003a5d;
    opacity: 100%;
    margin: auto;
    max-width: 100%;
}
.container{
    background-color:#003a5d;
    color:white
}
h1{
    display:flex;
    justify-content: center;
}
h2{
    display:flex;
    justify-content: center;
    background-color:#c89d33;
}
input, select{
    max-width: 200px;
}
#bannerTop{
    background-color:#c89d33;
    padding-top:60px;
    padding-bottom:60px;
}
#calculate{
    padding: 8px
}
table {
    padding: 20px;
}
td {
    padding:8px;
}

.results {
    padding: 30px;
}
.results table {
    max-width: 500px;
}

#linkRow {
    padding: 8px;
    background-color: white;
}
a {
    color: #003a5d;
    padding:8px;
    display: inline-block;
    border: 1px solid white;
}

a:link{
    background-color: #c89d33;
}

a:hover {
    background-color: #c89d33;
    opacity: 90%;
    box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.25);
}

.definitions{
    background-color:#c5d6d8;
    color:#003a5d;
    padding: 30px;
}


@media print {
    body {
        font-size: 12pt;
        color: black; /* Ensure readability */
    }
    select, input, button, form, a{
        display: none !important;
    }
    .results {
        display: block;
        background: white;
        color:black !important;
        padding: 4px;
    }
    .page-break {
        page-break-before: always;
    }
    #bannerTop {
        display:none;
        color: black;
    }
   
}