/* CSS styles  */

h1 {
    color:white;
    font-family:"Source Sans Pro", sans-serif;
    font-weight: bold; 
    background-color:transparent;
    margin-top:%;
    /*
    height:100px;
     
    width:100%;
     */
    text-align:center;

    text-decoration:underline;
    padding-top:1%;
     /*
    text-shadow:
    -1px -1px 0 #FFF,
     1px -1px 0 #FFF,
    -1px  1px 0 #FFF,
     1px  1px 0 #FFF; 
     Color of the outline */
    }

h3 {
    background-color:red;
    text-decoration:underline;
    }


p {
  text-indent: 10px;
}


.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}


.myDiv {
  border: 1px outset white;
  background-color: tan;    
  text-align: left;
}


/*Mobile ------Show on Mobile only*/
.Mobile-only {
    display: block;
}
/* Hide the content when the screen width is 768px or more (desktop/tablet) */
@media only screen and (min-width: 768px) {
    .Mobile-only {
        display: none;
    }
}


/*Desktop ------Show on Desktop only*/
.Desktop-only {
    display: block;
}
/* Hide the content when the screen width is ???? px or less (mobile) */
@media only screen and (min-width: 1367px) {
    .Desktop-only {
        display: none;
    }
}




/*
ol {
    text-align:left;
    list-style: number;
    background-color:none;
}
*/