/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

@media screen and (min-width: 300px) and (max-width: 499px) { 

.directions img { 
   max-height: auto;
  min-width: 40%;
  width: 40%;
  
  /*183px*/
}
body {
	font-size: 0.6em!important;
	
}
 }

/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 576px) and (max-width: 767px) {  }

/* Medium devices (tablets, 768px and up)*/
@media screen  and (min-width: 768px)and (max-width: 991px) {
}

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px){ 
#thistrigram {min-height: 184px!important;
height: 184px!important;}
#scigramimg {min-height: 184px!important;
height: 184px!important;}
#scigram {min-height: 184px!important;
height: 184px!important;}
#yinyang {min-height: 184px!important;
height: 184px!important;}}


/* X-Large devices (large desktops, 1200px and up)*/
@media screen and  (min-width: 1200px)and (max-width: 1399px) { 
#thistrigram {min-height: 210px!important;
height: 210px!important;}
#scigramimg {min-height: 210px!important;
height: 210px!important;}
#scigram {min-height: 210px!important;
height: 210px!important;}
#yinyang {min-height: 210px!important;
height: 210px!important;}

 }

/* XX-Large devices (larger desktops, 1400px and up)*/
@media screen and (min-width: 1400px) and (max-width: 1599px) { 
#thistrigram {min-height: 230px!important;
height: 230px!important;}
#scigramimg {min-height: 230px!important;
height: 230px!important;}
#scigram {min-height: 230px!important;
height: 230px!important;}
#yinyang {min-height: 230px!important;
height: 230px!important;}
 }
 
 @media screen and (min-width: 1600px) and (max-width: 1799px) { 
#thistrigram {min-height: 273px!important;
height: 273px!important;}
#scigramimg {min-height: 273px!important;
height: 273px!important;}
#scigram {min-height: 273px!important;
height: 273px!important;}
#yinyang {min-height: 273px!important;
height: 273px!important;}
 }
 
@media screen and (min-width: 1800px) { 
#thistrigram {min-height: 316px!important;
height: 316px!important;}
#scigramimg {min-height: 316px!important;
height: 316px!important;}
#scigram {min-height: 316px!important;
height: 316px!important;}
#yinyang {min-height: 316px!important;
height: 316px!important;}
 }
/*
@media screen and (min-width: 200px) and (max-width: 1200px)  {p {background-color: red!important;} }*/