.adss-blue {
    background-color: #15a1f5;
    color: white;
}
 header {
                  background-color: #15a1f5;
                  padding: 10px;
                  text-align: center;
                  font-size: 24px;
                  color: white;
        }
#mainContent {
          display: -webkit-flex;
          display: flex;
            
}
.card div {
    padding-left: 8px;
    padding-right: 8px;
    
}
.menu button {
    width: 100%;
    text-align: left;
    
}
.pageLogo {
    color: black;
}
.menu {
    display: none;
}
.card {
    border:solid 1px grey; 
    border-radius:4px; 
    margin:2px;
}
#menuItems {
    position: absolute;
    width: 240px;
    
}
        #pictorialContent {
          display: -webkit-flex;
          display: flex;
          flex-wrap:wrap;
          
        }
        .pictorialCard {
            width:200px;
        }
        /* Style the navigation menu */
        #designView {
              -webkit-flex: 1;
              -ms-flex: 1 1 0;
              flex: 1 1 0;
              background: #ccc;
                        
            }
            #outPutView {
            	-webkit-flex: 2;
              -ms-flex: 2 1 0;
              flex: 2 1 0;
              background: #ddd;
              
            }
         
.contentView {
    padding: 4px;
}
            #footerContent {
                text-align:center;
                background:#666;
                padding:8px;
                
            }
            footer {
                text-align:center;
                font-style: italic;
                
            }
            #navMenu {
                display:none;
            }
            #pageNav {
                text-wrap: nowrap;
    
                overflow-x: auto
            }
#leftContent {
              -webkit-flex: 1;
              -ms-flex: 1 1 0;
              flex: 1 1 0;
              background: #ccc;
              padding:2px;
          
            }
            #centerContent {
            	-webkit-flex: 2;
              -ms-flex: 2 1 0;
              flex: 2 1 0;
              background: #ccc;
              padding:2px;
            }
         #rightContent {
              -webkit-flex: 1 1 0;
              -ms-flex: 1 1 0;
              flex: 1 1 0;
              background: #ccc;
              
              padding:2px;
            }
@media (max-width: 600px) {
            #leftContent, #centerContent, #rightContent {
                display:block;
                width:100%;
                
                /*-webkit-flex-direction: column;
                flex-direction: column;*/
            }
            #mainContent {
                display:block;
                
            }
            #pageNav {
                display:none;
                text-wrap: unset;
                overflow-x: unset;
                position:absolute;
            }
            #pageNav a {
                width:100%;
                text-align: left;
                
                
            }
            #navMenu {
                display:inline-block;
            }
            #headerTitle {
                font-size:16px;
            }
            #schoolTopLogo {
            
                display:none;
            }
            
            }