/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
    body {
   
    }
    /* Default link styling */
    a:link { color:#0271fb; }
    a:visited { color:#bd02fb; }
    a:hover, a:focus { color:#000; }
    a:active { color:#fb0e02; }
    
    
    
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
    body {
   	background-image: url("../images/yellow-stripe-bkgd.jpg");
    }


header, footer {	
	width:1000px;
	max-width:100%;
	margin:0 auto;
	}
	
h1, footer {
	text-align:center;
	text-decoration:none;
	}
	
	
	
.wrap {	
	max-width:1000px;
	margin:0 auto;
	}
	
article {
	text-align:left;
	padding:0 20px;
	}
	


.col-2-1, .col-2-2, .col-3-1, .col-3-2, .col-3-3 {
	width:100%;
	}
	



/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */


.col-wrap {
	width:100%;
	margin:0 auto 40px;
	clear:both;
	overflow:hidden;
	
	}
	
.col-2-1 {

	width:45%;
	margin-right:10%;
	float:left;
}

.col-2-2 {

	width:45%;
	margin-right:0;
	float:left;
}

.col-3-1 {

	width:30%;
	margin-right:5%;
	float:left;
}

.col-3-2 {

	width:30%;
	margin-right:5%;
	float:left;
}


.col-3-3 {

	width:30%;
	margin-right:0;
	float:left;
}


	
}


img {max-width:100%;}


iframe {
	margin:0 auto;
	max-width:100%;
	}
	

    

    
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
        background:transparent !important;
    }
    html { background-color:#fff; }
    /* Hide navigation */
    nav { display:none; }

    /* Show link destinations in brackets after the link text */
    a[href]:after { content: " (" attr(href) ") "; }
    a[href] {
        font-weight:bold;
        text-decoration:underline;
        color:#06c;
        border:none;
    }
    /* Don't show link destinations for JavaScript or internal links */ 
    a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
    
    /* Show abbr title value in brackets after the text */
    abbr[title]:after { content: " (" attr(title) ")"; }

    figure { 
        margin-bottom:1em; 
        overflow:hidden;
    }

    figure img { border:1px solid #000; }
}