/*-==========================styles for browsers larger than 1440px;==================================== */
 
 
  @media only screen and (min-width: 960px) {
    h1 {
    color:grey;
	font-family: Signika;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:25px;
	text-align:left;
	
      }
	
    }
    
    
    @media only screen and (min-width: 960px) {
    h2 {
    color:grey;
	font-family: Signika;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:25px;
	text-align:left;
	
      }
	
    }
    
    
    @media only screen and (min-width: 960px) {
    p, p4, strong {
    color:grey;
	font-family: Signika;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height:16px;
	text-align:left;
	
      }
	
    }
    
    
    
    
    @media only screen and (min-width: 1440px) {
    h1 {
    color:grey;
	font-family: Signika;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:25px;
	text-align:left;
	
      }
    }
    
    @media only screen and (min-width: 1440px) {
    h2 {
    color:grey;
	font-family: Signika;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:25px;
	text-align:left;
	
      }
    }
    
    
    

    
    @media only screen and (min-width: 2000px) {
        /* for sumo sized (mac) screens */
    }
    
    
    
    @media only screen and (max-device-width: 480px) {
     h1 {
    color:#000;
	font-family: Signika;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:20px;
	text-align:left;
	
      }
    }
    
    
    @media only screen and (max-device-width: 480px) {
    h2 {
    color:#000;
	font-family: Signika;
	font-size: 25px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height:25px;
	text-align:left;
	
      }
    }
    
    
    @media only screen and (max-device-width: 480px) {
    p4, p, strong {
    color:#000;
	font-family: Signika;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	line-height:17px;
	text-align:left;
	
      }
    }
    
    
    @media only screen and (max-device-width: 480px) {
    .topnav a {
    color:#000;
	font-family: Signika;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	line-height:17px;
	
	
      }
    }
    
    
    
    @media only screen and (min-device-width: 960px) {
    .topnav a {
    color:grey;
	font-family: Signika;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight:normal;
	line-height:17px;
	
	
      }
    } 
    
    
    
    
    
    @media only screen and (device-width: 768px) {
       /* default iPad screens */
    }
    

    
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }
 
 
 
 /*-==========================styles for browsers larger than 1440px;==================================== */