/* 
    Created on : Nov 29, 2023, 8:43:12 AM
    Author     : pmoore2
*/

* {box-sizing: border-box;}

/*Mobile Phones:*/
[class*='col-']{
    float:left;
    width:100%;
}
div.wide_view_visible{display:none;}
div.narrow_view_visible{display:block;}

.update{font-size:20px;}
/*@media only screen and (max-width:1023px){
   .update{font-size:20px;}
}*/

/*Desktop*/
@media only screen and (min-width:768px){
.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}    
/*.update{font-size:30px;line-height:5px;}*/
}

@media only screen and (min-width:600px){
    .col-s-1{width:8.33%;}
    .col-s-2{width:16.66%;}
    .col-s-3{width:25%;}
    .col-s-4{width:33.33%;}
    .col-s-5{width:41.66%;}
    .col-s-6{width:50%;}
    .col-s-7{width:58.33%;}
    .col-s-8{width:66.66%}
    .col-s-9{width:75%;}
    .col-s-10{width:83.33%;}
    .col-s-11{width:91.66%;}
    .col-s-12{width:100%;}    
    div.wide_view_visible{display:block;}
    div.narrow_view_visible{display:none;}
}

.row::after{
    content:"";
    clear:both;
    display:table;
}


.menu_icon{
    width:30px;
    height:4px;
    background-color:black;
    margin:6px 0 6px 6px;
}

.topnav{
    overflow:hidden;
    background-color:#333;
    position:relative;
}

.topnav #mylinks{
    display:none;
}

.topnav a {
    color:white;
    padding: 14px 16px;
    text-decoration:none;
    font-size: 17px;
    display:block;
}

.topnav a.icon{
    background-color:black;
    display:block;
    position:absolute;
    right:0;
    top:0;
}

.topnav a:hover {
    background-color:#ddd;
    color:black;
}

.active{
    background-color:#04AA6D;
    color:white;
}