﻿/* imports */      @import url(https://fonts.googleapis.com/css?family=Lobster);/* resets */      *,      *:before,      *:after {        box-sizing: border-box;      }	        .clearfix:after {        content: "";        display: table;        clear: both;      }/* global */      body {         background-color: white;        color: rgb(100,100,100);        font-family: Georgia, Verdana, Arial, sans-serif;        font-size: 18px;        line-height: 1.3;        -webkit-box-shadow: 4px 3px 17px 15px rgba(0,0,0,0.92);        -moz-box-shadow: 4px 3px 17px 15px rgba(0,0,0,0.92);        box-shadow: 4px 3px 17px 15px rgba(0,0,0,0.92);			    -moz-border-radius:5px;	    -webkit-border-radius:5px;	    border-radius:5px;	    border:1px solid #4e6096;      }	        .wrapper {        font-family: Georgia, Verdana, Arial, sans-serif;		        margin: 0 auto;  /*      padding: 2px; */        max-width: 95%; 		background-color: white;        color: blue;		margin-bottom: 3px;		padding-bottom: 3px;      }      h1 {        font-family: Georgia, Verdana, Arial, sans-serif;        font-size: 2em;        margin-bottom: 2px;		text-align: center;      }      h2 {		font-size: 16px;        font-weight: 900;         text-align: center;		      }	  	  h3 {		font-size: 16px;		  		font-weight:900; 		text-align: center;      }	  	  p {		font-size: 16px;		  		  		font-weight:900;        text-align: left;			  }/* layout */      .container {      }	        .primary {        margin-bottom: 2px;      }	        .secondary {        margin-bottom: 2px;      }	  	  	  .footer {	    text-align: center;		margin-top: 5px;		padding-top: 5px;	  }	  	  .article2 {		margin-top; 15px;	  }	  	  .header {	    text-align: center;	  }	  	  .box {        background-color: Chartreuse;  /*      color: #fff;  */        border-radius: 5px;        padding: 2px;  /*    font-size: 150%; */     }	  	  @media only screen and (min-device-width: 375px) 	  and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){        body {		  font-size: 20px;		  font-weight: 900;		}				.footer {	      text-align: center;		}				.header {	      text-align: center;		}						h1 {          font-family: Georgia, Verdana, Arial, sans-serif;          font-size: 4em;        }        h2 {		  font-size: 25px;          font-weight: 900;         }	  	    h3 {		  font-size: 25px;		  		  font-weight:900;         }	  	    p {		  font-size: 25px;		  		  		  font-weight:900;		  	    }      }	  	  	  	  @media only screen and (min-device-width: 375px) and (max-device-height: 667px) 	  and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){		body {		  -webkit-text-size-adjust: none;		}		        .container {        }		        .primary {        }		.footer {  /*        float: left;  */          padding-right: 2px; 	      text-align: center;		}		    .header {	      text-align: center;	    }			    .primary {          margin-bottom: 0px;        }	          .secondary {          margin-bottom: 0px;        }	   		          h1 {          font-family: Georgia, Verdana, Arial, sans-serif;          font-size: 2em;        }        h2 {		  font-size: 18px;          font-weight: 900;         }	  	    h3 {		  font-size: 18px;		  		  font-weight:900;         }	  	    p {		  font-size: 18px;		  		  		  font-weight:900;		  	    }      }	        .table{        display: table;        width:100%;        border-collapse:collapse;      }	        .table-row{        display: table-row;      }	        .table-cell, .table-head{        display: table-cell;        padding:1em;        border:#f0f0f0 1px solid;      }	        .table-head{        font-weight:bold;      }