img{border:solid black 1px;margin-bottom:10px}
	
	.noborder{border:none;}
	.author_bio_toggle_wrapper    
	{
	        
	}
	
	#logo_wrap 
	{
	    margin-top: 10px;  
	    margin-bottom: 10px; 
	    width: auto; height: auto;
	}
	
	button {
    background-color: black;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}	

button:focus {outline:0;}

	.image {
	  width: 100px;
	  height:100px;
	  -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	  -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	  -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	
	#logo_wrap_toggle 
	{
	    display: block;
	    width: 100%;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    color: black;
	    font-weight: bold;
	    text-decoration:none;
	}
	
	#pushyallover{
		padding-left:25%;
	}
	
	* {
	    box-sizing: border-box;
	}
	
	/* Create two unequal columns that floats next to each other */
	.column {
	    float: left;
	}
	
	.firstpad {
		padding-top:15px
	}
	
	.lastpad{
		padding-bottom:15px;
	}
	
	.left {
	  width: 25%;
	  text-align:left;
	}
	
	.left p{
		text-align:left;
	}
	
	.right {
	  width: 75%;
	}
	
	/* Clear floats after the columns */
	.row:after {
	    content: "";
	    display: table;
	    clear: both;
	}
	
	.row{
		    border-top:1px solid black;
	
	}
	
	body{
    font-family: arial;
  
	}
	
	#top-padding{
		margin-top:10px;
		margin-bottom:10px;
	}
	
	p{
		text-align:left;
		line-height:20px;
		hyphens: none!important;
		
	
	}
	
	/*  SECTIONS  */
	.section {
		clear: both;
		padding: 0px;
		margin: 0px;
		margin-bottom:10px;
	}
	
	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
	}
	.col:first-child { margin-left: 0; }
	
	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }
	/*  GRID OF THREE  */
	.span_3_of_3 { width: 100%; }
	.span_2_of_3 { width: 66.13%; }
	.span_1_of_3 { width: 32.26%; }
	
	/*  GO FULL WIDTH BELOW 480 PIXELS */
	@media only screen and (max-width: 480px) {
		.col {  margin: 1% 0 1% 0%; }
		.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	}
	
	#yellowcolor{
		width:100%;
		height:200px;
		background-color:#FEDD00;
		margin-bottom:10px;
	}
	
	#orangecolor{
		width:100%;
		height:200px;
		background-color:#FE5000;
		margin-bottom:10px;
	}
	
	#redcolor{
		width:100%;
		height:200px;
		background-color:#E40046;
		margin-bottom:10px;
	}
	
	#greencolor{
		width:100%;
		height:200px;
		background-color:#97D700;
		margin-bottom:10px;
	}
	
	#bluecolor{
		width:100%;
		height:200px;
		background-color:#485CC7;
		margin-bottom:10px;
	}
	
	#pinkycolor{
		width:100%;
		height:200px;
		background-color:#E10098;
		margin-bottom:10px;
	}
	
	#whiteboy{
		width:100%;
		height:200px;
		background-color:white;
		border:1px solid black;
		margin-bottom:10px;
	}
	
	#blackbox{
		width:100%;
		height:200px;
		background-color:black;
		margin-bottom:10px;
	}
	
	ul {
	  list-style-type: none;
	}
	
	#overlay{
		position:absolute;
		width:100px;
		height:100px;
	}

	
	#overlay img{width:100px; height:100px; z-index: 100;}
	
	@import "http://www.maddecent.com/GSM/css/compass/css3";
	
	.circle {
	  background: #FEDD00;
	  width: 100px;
	  height: 100px;
	  border-radius: 100%;
	  overflow: hidden;
	  
	  span {
	  display: block;
	  font-size:240px;
	  color: #fff;
	  height: 100px;
	  width: 100px;
	  text-align: center;
	  padding-top: 24%;
	}
	  
	}
	
	/*.circle:hover {
	  background: #070338;
	}
	*/
	
	.circle {
	  -webkit-animation:grow 5s;
	
	}
	
	@-webkit-keyframes grow {
	 0% {
	-webkit-transform: scale( 0 );-moz-transform: scale( 0 );-o-transform: scale( 0 );-ms-transform: scale( 0 );transform: scale( 0 );
	  }
	  
	  100% {
	  -webkit-transform: scale( 1 );-moz-transform: scale( 1 );-o-transform: scale( 1 );-ms-transform: scale( 1 );transform: scale( 1 );
	  }
	}
	
	.rectangle{
	  height: 100px;
	  width: 100px;
	  border: solid 2px black;
	
	}
	
	.rectangle div{
	  width: 10px;
	  height: 10px;
	  background: white;
	  animation: rectangle-animation 3s linear infinite;
	}
	
	@keyframes rectangle-animation {
	   0%{transform: translate(-10px, -10px);}
	   25%{transform: translate(90px, -10px);}
	   50%{transform: translate(90px, 90px);}
	   75%{transform: translate(-10px, 100px);}
	   100%{transform: translate(-10px, -10px);}
	}
	
	.path {
	  stroke-dasharray: 25;
	  stroke-dashoffset: 1000;
	  animation: dash 5s infinite;
	}
	
	@keyframes dash {
	  to {
	    stroke-dashoffset: 0;
	  }
	}
	
	.dropshadow{
	-webkit-filter: drop-shadow(20px 20px 0px rgba(0,0,0,0.5));      
	    filter: drop-shadow(3px 3px 0px rgba(0,0,0,0.5));  
	    }
	 
	 .dropshadow img{
		 width:100px;
	 }
	 
	 #svg-element,
	#svg-control {
		margin: 20px;
		overflow: visible;
	}
	
	#svg-control {
		position: absolute;
	}
	
	#control-path {
		fill: none;
		stroke: red;
		stroke-width: 1px;
	}
	
	.typesample{
		letter-spacing:2px;
	}
	
	.typesample-italic{
		letter-spacing:2px;
		font-family: 'favorititalic';
	}
	
	.typesample-lildevilbook{
    font-family: 'lil_devilbook';
	}
	 
		
	.typesample-lildevilbold{
    font-family: 'lil_devilbold';		
	}
	.typesample-lildevilblack{
	font-family: 'lil_devilblack';		
	}
	
	.typesample-lildevilultra{
	font-family: 'lil_devilultra';				
	}
	
	.typesample-helveticanue{
	  letter-spacing:2px;
	  font-family: 'HelveticaNeue';
	}
	
	
	
	 a{text-decoration:none;color: black;line-height:24px;}
	 
	 .flip-container {
	  padding-top: 10px;
	  padding-bottom: 20px;
	  -webkit-perspective: 800px;
	}
	
	.business-card {
	  position: relative;
	  width: 350px;
	  height: 130px;
	  cursor: pointer;
	  transition: -webkit-transform 1.5s ease-in;
	  -webkit-transform-style: preserve-3d;
	    border:1px solid black;
	
	}
	
	.business-card{font-size:10px;}
	
	.business-card div {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3),
	    0 12px 20px -10px rgba(0, 0, 0, 0.4);
	  -webkit-backface-visibility: hidden;
	}
	
	.business-card:hover {
	  -webkit-transform: rotateY(-0.5turn);
	}
	
	
	.back {
	  background: white;
	  -webkit-transform: rotateY(-180deg);
	  padding:20px;
	}
	
	
	.flip-container2 {
	  padding-top: 10px;
	  padding-bottom: 20px;
	  -webkit-perspective: 800px;
	}
	
	.post-card {
	  position: relative;
	  width: 500px;
	  height: 300px;
	  cursor: pointer;
	  transition: -webkit-transform 1.5s ease-in;
	  -webkit-transform-style: preserve-3d;
	   border:1px solid black;
	
	}
	
	.post-card{font-size:8px;}
	
	.post-card div {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3),
	    0 12px 20px -10px rgba(0, 0, 0, 0.4);
	  -webkit-backface-visibility: hidden;
	}
	
	.post-card:hover {
	  -webkit-transform: rotateY(-0.5turn);
	}
	
	.frontpost {
	  z-index: 100;
	        background-color:#485CC7;
	
	}
	
	.backpost {
		        background-color:#485CC7;
	
	
	}
	
	#letterheadboy{
		width:450px;
		height:600px;
		border:1px solid black;
		margin-bottom:10px;
		padding-left:100px;
		padding-right:100px;
		padding-top:60px;
    border: 1px solid;
    box-shadow: 5px 10px;		
	}
	
	#letterheadboy h3{
		font-size:12px;
		font-weight:normal;
	}
	
	#letterheadboy P{
		font-size:8px;
		text-align:justify;
		
	}
	
	#envelope{
		width:500px;
		height:200px;
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px;			
    border:1px solid black;
		padding:20px;
		margin-bottom:10px;
	
	
	}
	
	#envelope h3{
			font-size:12px;
		font-weight:normal;
	}
	#envelope p{
		text-align:center
	}
	
	#envelopeback{
		width:500px;
		height:200px;
		box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3), 0 12px 20px -10px rgba(0, 0, 0, 0.4);
		border:1px solid black;
		padding:20px;
		margin-bottom:10px;
	
	
	}
	
	#envelopeback p{
		text-align:center;
	}
	#envelope h3{
			font-size:12px;
		font-weight:normal;
	}
	#envelope p{
		text-align:center
	}

	#front {
  	z-index: 100;
  	width:370px;
  	height:150px;
  	background:url("../Images/MD_LOGO_BLACK.png");
    background-repeat: no-repeat;
    background-size:380px;
    background-position: 50% 80%; 
    margin-bottom:10px;
    border: 1px solid;
	}

	#back {
  	z-index: 100;
  	width:370px;
  	height:150px;
    background-size:380px;
    border: 1px solid black;
    margin-bottom:10px;
    padding-left:20px;
    border: 1px solid;
    }
    
    #thankyoucard{
	width:400px;
	height:275px;
	border: solid black 1px;
	padding:40px;
	box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3), 0 12px 20px -10px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
	border: 1px solid;

    }
    
    #thankyoucard2{
	width:400px;
	height:275px;
	border: solid black 1px;
	padding:40px;
	box-shadow: inset 0 0 45px rgba(255, 255, 255, 0.3), 0 12px 20px -10px rgba(0, 0, 0, 0.4);
	margin-bottom:10px;
	    border: 1px solid;

    }
    
    #thankyoucardborder{
	 width:320px;
	 height:195px;  
	 border: solid black 2px;
	 padding-left:30px;
	
    }
    
    #thankyoucardborder img{
		float:right;
		padding:10px;
    }
    
    
    #thankyoucard p{
	    font-size:35px;
	    
    }
    

	.logo{
		margin:10px;
	}
	
	#bigwrapboi {
		max-width:800px;
		width:100%;
		margin: 0 auto;
		margin-top:50px;
	}
	
.border{
    border: 1px solid;
    padding: .25px;
}
	
@font-face {
    font-family: 'lil_devilblack';
    src: url('../fonts/lil-devil_black-webfont.woff2') format('woff2'),
         url('../fonts/lil-devil_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lil_devilbold';
    src: url('../fonts/lil-devil_bold-webfont.woff2') format('woff2'),
         url('../fonts/lil-devil_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lil_devilbook';
    src: url('../fonts/lil-devil-book-webfont.woff2') format('woff2'),
         url('../fonts/lil-devil-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lil_devilregular';
    src: url('../fonts/lil-devil-regular-webfont.woff2') format('woff2'),
         url('../fonts/lil-devil-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lil_devilultra';
    src: url('../fonts/lil-devil-ultra-webfont.woff2') format('woff2'),
         url('../fonts/lil-devil-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'favorititalic';
    src: url('../fonts/favorit-italic_gdi-webfont.woff2') format('woff2'),
         url('../fonts/favorit-italic_gdi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'favorit_regularregular';
    src: url('../fonts/favorit-regular-webfont.woff2') format('woff2'),
         url('../fonts/favorit-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'HelveticaNeue';
  src: url('http://www.maddecent.com/GSM/HelveticaNeue.eot') format('embedded-opentype');
  src: url('http://www.maddecent.com/GSM/HelveticaNeue.woff') format('woff');

  font-weight: normal;
  font-style: normal;
}

.hairline {
	width:100%;
	border-bottom:1px solid black;
}

p{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

iframe{
	margin-bottom:10px;
}

	@media only screen and (max-width: 600px) {
    .left{width:100%;font-size:20px}
	.right{width:100%}
	img{width:320px;height:auto;margin-bottom:10px;}
	iframe { width:320px; height:240px;}
	.logo {width:50px; height:auto;margin-top:20px;Margin-bottom:30px;margin-left:0px;}
	#bigwrapboi{margin-top:5px;}

}