@charset "utf-8";

nav {
	font-family: 'Roboto', sans-serif; }

#navbarSupportedContent a:link, a:visited {
	color: black;
	text-decoration: none; }

#navbarSupportedContent a:hover {
	color: #1A6BA7; }

grey {
	color: #D8D8D8; }

#container {
	width: 62.5%;
	margin: 1.25% auto; }

body {
	color: #1A6BA7;
	background: #FBE7D4;
	font-family: 'Roboto', sans-serif; }

* {
	box-sizing: border-box; }

img {
	padding-bottom: 0.3%;
	padding-top: 0.3%; }

.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	margin: 0 -16px; }

.col-25 {
	-ms-flex: 25%; /* IE10 */
	flex: 25%; }

.col-50 {
	-ms-flex: 50%; /* IE10 */
	flex: 50%; }

.col-75 {
	-ms-flex: 75%; /* IE10 */
	flex: 75%; }

.col-25, .col-50, .col-75 {
	padding: 0 16px; }

.container {
	background-color: #FBE7D4;
	padding: 5px 20px 15px 20px;
	border-radius: 3px;
	border: 1px solid #9698B0; }

input[type=text] {
	width: 100%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #9698B0;
	border-radius: 3px; }

label {
	margin-bottom: 10px;
	display: block; }

.icon-container {
	margin-bottom: 20px;
	padding: 7px 0;
	font-size: 24px; }

.btn {
	background-color: #1A6BA7;
	color: #FBE7D4;
	padding: 12px;
	margin: 10px 0;
	border: none;
	width: 100%;
	border-radius: 3px;
	cursor: pointer;
	font-size: 17px; }

.btn:hover {
	background-color: #0996AF; }

a {
	color: #2196F3; }

hr {
	border: 1px solid #9698B0; }

span.price {
	float: right;
	color: grey; }

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (also change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
	.row {
		flex-direction: column-reverse; }
	.col-25 {
		margin-bottom: 20px; } }

footer {
	background: #FFBF6E;
	font-family: 'Roboto', sans-serif; }

.mafoot {
	margin-left: 19%;
	padding-top: 0.5%;
	padding-bottom: 0.5%; }