html {
	font-family: 'Arial'; font-size: 14px; }
.normlink { 
color: #000000;
float: center;
font: 400 14px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;  text-decoration: none; }
.normlink:hover { text-decoration: underline; font-weight:bold; }
body {background-color: #ccc;}

#wrapper { 
height: auto; overflow:auto;
    background: #fff;
	display: block;
    margin: auto;
    width: 90%;
    border: 5px solid gray;
    padding: 5px;
}

#boxstyle { 
      background: #fff;
}

.norm-image {width: 95%; border:1px solid #000000; vertical-align: top; margin: 5px 5px 5px 5px;}

.MikeLogo {width: 150px; border:0px solid #000000; vertical-align: top; margin: 75 0 0 0;}

  h1 {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Arial';
}

#bigbox {
  font-size: 15px;
  font-family: 'Arial';
	Height: auto;
	overflow: hidden; }

.bigbox-image { 
max-width: 90%;
max-height: auto; 
float:right;
margin: 5px 5px 5px 5px;
padding-left: 0px;
overflow: hidden;
border:1px solid #000000;
}

.bigbox-image-tall { 
max-width: 55%;
border:1px solid #000000;
max-height: 200; 
float:right;
margin: 5px 5px 5px 5px;
vertical-align: middle;
padding-left: 0px;
overflow: hidden;
}

socialbuttons {   
	vertical-align: top;
	margin-top: 0px;
}
.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 10px/10px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 20px auto;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 90%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.pageturnicons:hover {
  -moz-transform: scale(1.08)
  -webkit-transform: scale(1.08);
  -o-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

/*No ZOOM*/
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
.pageturnicons {  width: 30px; }
.socialicons { width: 30px;
	opacity: 0.3;
	filter: alpha(opacity=50);}
.socialicons:hover {opacity: 1.0;
	filter: alpha(opacity=100);
	}}
/* Fix: SVG icons explode at screen sizes greater than 1220*/
@media only screen and (min-width : 1220px),
only screen and (min-device-width : 1220px){
.pageturnicons {  width: 30px; }
.socialicons { width: 30px;
	 opacity: 0.3;
	filter: alpha(opacity=50);}
.socialicons:hover {opacity: 1.0;
	filter: alpha(opacity=100);
	}}
/*Mid ZOOM*/
@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
.pageturnicons { width: 50px; }
html { font-size: 18px; font-family: 'Arial';}
h1 { font-size: 24px; font-weight: bold; font-family: 'Arial';}
.socialicons { width: 40px;
	opacity: 0.3;
	filter: alpha(opacity=50);}
.socialicons:hover {opacity: 1.0;
	filter: alpha(opacity=100);
	}}
/*FullZoom*/
@media only screen and (max-width : 678px),
only screen and (max-device-width : 678px){
.pageturnicons { width: 90px;}
html { font-size: 30px; font-family: 'Arial';}
h1 { font-size: 34px; font-weight: bold; font-family: 'Arial';}
.socialicons { width: 45px;
	opacity: 0.3;
	filter: alpha(opacity=50);}
.socialicons:hover {opacity: 1.0;
	filter: alpha(opacity=100);
	}}
.popupbox{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
/*FullCard*/
.FullCard { width: 100%;
}
.FullCardDIVleft { width: 50%; display: inline-block; vertical-align: top; float: left; align-content: center; text-align: center; font-size: 12px; font-family: 'Arial';
}
.FullCardDIVright { width: 50%; display: inline-block; vertical-align: top; float: right; align-content: center; text-align: center; font-size: 12px; font-family: 'Arial';
}
.FullCardBig { width: 50%; display: inline-block; vertical-align: top; float: right; align-content: center; margin: 0 25 0px 0px;
}
.FullCardCapBig { width: 50%; display: inline-block; vertical-align: top; float: right; align-content: left; margin: 0 25 20px 0px; font-size: 14px; font-family: 'Arial'; color: #474747}
}
.FullCardCapNorm { width: 100%; display: inline-block; vertical-align: top; float: right; align-content: left; margin: 0 25 20px 0px; font-size: 12px; font-family: 'Arial'; color: #474747}
}

.norm-image { border:1px; width: 100%; vertical-align: top; } 
.norm-image:a {outline : none;}