/* Border box declaration 
https://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
html {
  box-sizing: border-box;
}
/* inherit border-box on all elements in the universe and before and after
 */
*, 
*:before, 
*:after {
  box-sizing: inherit;
}

body {
	font-family: Arial, Geneva, sans-serif;
}
a {
	color: #2772B0;
}
.wrapper {
	width: 97%;
	/*max-width: 1200px;*/
	margin: auto auto;
	float: none;
	background-color: #fff;
}
/* hack to make images flexible in our prototype */
div img {
	width: 100%;
	max-width: 500px;
}
/* grid system */
.row {
	display: flex;
	flex-flow: row wrap;
	flex: 0 1 auto;
}
[class*="col-"] {
	flex: 0 0 92%;
	margin: 0 4%;
}
/* global alignment options */
.reverse {
	flex-direction: row-reverse;
}

/* Mobile Landscape Screen Sizes */
@media only screen and (min-width: 480px)  {
	[class*='col-']{
		margin-left: 4%;
		margin-right: 0%;
                margin-top: 4%;
	}
	.col-1-2 {
		flex: 0 0 44%; 
	}
	.reverse [class*='col-'] {
		margin-left: 0%;
		margin-right: 4%;
	}


}
/* Desktop screen Sizes */
@media only screen and (min-width: 768px) {
	.col-1-2 {
		flex: 0 0 28%;
	}
}

