header {
width:100%;
position:fixed;
z-index:15;
top:0;
padding-top:40px;
padding-bottom:40px;
background-color:#ffffff;
}

.navleft br {
content:"";
margin:2px;
display:block;
}


nav {
width:95%;
margin-left:auto;
margin-right:auto;
display:grid;
grid-template-columns: 24% auto;
}

.navleft {
padding:0;
text-align:left;
}

.navright {
padding:0;
text-align:right;
margin-top:10px;
}




/* Font */


.navfont {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 16px;
color : #181818;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.navfont a {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
color : #181818;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.navfont a:hover {
color : #bd0813;
}




.navphone {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 15px;
color : #181818;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.navphone:hover {
color : #bd0813;
}










@media only screen and (max-width: 1600px) {

nav {
grid-template-columns: 25% auto;
}

.navright {
text-align:right;
margin-top:10px;
}

.navfont {
font-size : 16px;
}

.navphone {
font-size : 15px;
}


}





@media only screen and (max-width: 1400px) {

nav {
grid-template-columns: 26% auto;
}

.navright {
text-align:right;
margin-top:11px;
}

.navfont {
font-size : 15px;
}

.navphone {
font-size : 14px;
}

}






@media only screen and (max-width: 1300px) {

nav {
grid-template-columns: 28% auto;
}

.navright {
text-align:right;
margin-top:9px;
}

.navfont {
font-size : 15px;
}

.navphone {
font-size : 14px;
}

}




@media only screen and (max-width: 1200px) {

nav {
grid-template-columns: 28% auto;
}

.navright {
text-align:right;
margin-top:9px;
}

.navfont {
font-size : 15px;
}

.navphone {
font-size : 13px;
}

}



/* Tablet */



@media only screen and (max-width: 1050px) {

nav {
grid-template-columns: 32% auto;
}

.navright {
text-align:right;
margin-top:8px;
}

.navfont {
font-size : 15px;
}

.navphone {
font-size : 13px;
}

}





@media only screen and (max-width: 900px) {

nav {
grid-template-columns: 34% auto;
}

.navright {
text-align:right;
margin-top:9px;
}

.navfont {
font-size : 14px;
}

.navphone {
font-size : 13px;
}

}





@media only screen and (max-width: 800px) {

nav {
grid-template-columns: 38% auto;
}

.navright {
text-align:right;
margin-top:9px;
}

.navfont {
font-size : 14px;
}

.navphone {
font-size : 13px;
}

}





@media only screen and (max-width: 725px) {

nav {
grid-template-columns: 40% auto;
}

.navright {
text-align:right;
margin-top:9px;
}

.navfont {
font-size : 14px;
}

.navphone {
font-size : 13px;
}


}





/* Phone */



@media only screen and (max-width: 650px) {

header {
position:static;
padding-top:16px;
padding-bottom:16px;
}

nav {
grid-template-columns: 100%;
}

.navleft {
margin-top:10px;
text-align:center;
}

.navright {
text-align:center;
margin-top:25px;
}

.navfont { 
font-size : 16px;
}

.navphone {
font-size : 28px;
line-height: 1.5;
}

}





@media only screen and (max-width: 500px) {

.navleft {
margin-top:10px;
text-align:center;
}

.navright {
text-align:center;
margin-top:25px;
}

.navfont { 
font-size : 15px;
}

.navphone {
font-size : 32px;
line-height: 1.5;
}

}






@media only screen and (max-width: 425px) {

nav {
width:98%;
}

.navleft {
margin-top:10px;
}

.navright {
margin-top:25px;
}

.navfont { 
font-size : 15px;
}

.navphone {
font-size : 28px;
line-height: 1.5;
}

}





@media only screen and (max-width: 375px) {

nav {
width:99%;
}

.navleft {
margin-top:7px;
}

.navright {
margin-top:18px;
}

.navfont { 
font-size : 11px;
}

.navphone {
font-size : 24px;
line-height: 1.5;
}

}





@media only screen and (max-width: 325px) {



}