/* for iPhone 2426 x 1125 */
@media (max-width: 1100px) {
	.container {
      width: 100%;
      /* background-color: crimson; */
		}
	.row {
    /* border: 1px solid green; */
    padding-left: 0px;
    padding-right: 0px;
		}
    .date-header {
      font-size: 12vw;
		}
	 h3.info {
     font-size: 7vw;
    }
	 .labels>div {
	    display: none;
	  }
    #sun-container {
      width: 100%;
    }
		#rise {
      width: 50%;
		}
		#set {
      width: 50%;
		}
    .sunrise-label {
      font-size: 4vw;
    }
    .sunrise {
      font-size: 8vw;
      text-align: center;
			float: none;
    }
    .sunset {
    	font-size: 8vw;
      text-align: center;
			float: none;
    }
		i {
	    margin-left: 5px;
	    margin-right: 5px;
		  }

    .chart-title {
      font-size: 6vw;
    }
		#footnote {
			font-size: 3vw;
			}

		.myDir {
			/* color: crimson; */
			font-size: 4vw;
			}

		.mysize {
			    font-size: 6vw;
				/* color: lightblue; */
				/* border: 2px solid lightblue; */
			    }

		.mysize_moon {
			    font-size: 4vw;
				/* color: khaki; */
				/* border: 2px solid khaki; */
			    }

		.moon-info {
				font-size: 1.25em;
				/* color: #333; */
		}

    }

/* for iPad Mini 2048 x 1536 */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {

/* STYLES GO HERE */
  .date-header {
    font-size: 11vw;
    color: lemonchiffon;
    }

  #sun-container {
      /* background-color: olive; */
    }
  }


/* for desktop 2560‑by‑1600 */

@media (min-width: 1100px) {

  .container {

  }

  h2 {

  }

  h3:before {

  }
}

/* for click devices */

 @media (hover: hover) {
    h3:before {

  }
}

/* for toouch devices */

@media (hover: none) {
    h3:before {

  }
}