body {
	margin:0;
	}
	
body,html {
	color:#33698f;
	font-family:Georgia;
	font-size:20px;
	font-weight:normal;
	line-height:1.5;
	text-rendering:optimizeLegibility;
	/*-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;*/
	}

.header-announcement {
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
	text-align: center;
	color: #212121;
	text-transform: uppercase;
}

.announcement-bar {
	background-color: #33698f;
	padding: 1px;
	/*display:-ms-flexbox;
	-ms-flex-pack:center;*/
	justify-content:center;
	max-height:100px;
	padding:.25rem 0;
	position:relative;
	width:100%;
	color:#fff;
	}
	
.login {
	-ms-flex-align:center;
	align-items:center;
	padding:.5rem 1rem;
	position:relative;
	will-change:padding;
}

.empty {
	width:80%;
	text-align: center;
}

.contact {
	text-align: right;
}

.announcement-bar-link {
	margin:0 .5rem;
	text-decoration:underline;
	}

.text-link {
	background:none;
	border:0;
	color:inherit;
	padding:0;
	color:#fff;
	font-size:16px;
	letter-spacing:.5px;
	text-decoration:underline;
	text-transform:uppercase;
	}

.welcome-link {
	background:none;
	border:0;
	color:inherit;
	padding:0;
	color:#fff;
	font-size:18px;
	letter-spacing:.5px;
	text-decoration:none;
}

.header-masthead {
	align-items:center;
	background-color:#fff;
	border-bottom:1px solid #d5ddeb;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
	position:relative;
	will-change:padding;
	color:#33698f;
	width:100%;
	}
.header-masthead i {
	padding: .5rem .5rem;
}
	
.container {
	width:100%;
	}
	
.contact-table {
	width: 100%;
	font-size: 20px;
}

.contact-table-long-td {
	width: 85%;
}

.contact-table-short-td {
	width: 15%;
}

.contact-table-input {
	width: 90%;
}
	
.menu-icon {
	width: 35px;
	height: 5px;
	background-color: black;
	margin: 6px 0;
}

.header-burger {
	-ms-flex-align:center;
	align-items:center;
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1;
	flex:1;
	}
	
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 34px;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
}

.button-outlined {
	background-color:transparent;
	border-color:#33698f;
	color:#53764c;
	}

.sidenav-body {
	background-color:#f6f6f6;
	font-size:16px;
	letter-spacing:0;
	line-height:1.5;
}

.sidenav a {
	padding:0 .75rem;
	text-decoration: none;
	font-size: 20px;
	color:#575756;
	display: block;
	transition: 0.3s;
}

.sidenav-link {
	border-bottom:1px solid #c5c5c5;
	color:#575756;
	display:block;
	font-size:16px;
	padding:.75rem 0;
	}

.sidenav a:hover {
	color: #33698f;
	font-weight: bold;
}

.sidenav .closebtn {
	position: absolute;
	top: 1px;
	right: 5px;
	font-size: 36px;
	margin-left: 50px;
	}

.body-2 {
	letter-spacing:0;
	line-height:1.5;
	margin:0 0 1.5rem;
	}
	
.sidenav-footer {
	padding: 0;
	/*-ms-flex:1 0 auto;*/
	flex:1 0 auto;
	background-color:#cad9e3;
	font-size:16px;
}

.sidenav-footer-button {
	margin-bottom:1rem;
	width:100%;
	background-color:#cad9e3;
	}
	
.button {
	/*-ms-flex-align:center;
	-webkit-appearance:none;
	display:-ms-inline-flexbox;
	-moz-appearance:none;
	-ms-flex-pack:center;*/
	align-items:center;
	appearance:none;
	background-color:#cad9e3;
	border:1px solid transparent;
	border-color:#33698f;
	box-shadow:none;
	color:#949494;
	display:inline-flex;
	font-size:14px;
	font-weight:500;
	justify-content:center;
	letter-spacing:.5px;
	line-height:1.5;
	min-height:40px;
	padding:2rem 1.5rem;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	vertical-align:middle;
	white-space:nowrap;
	width:auto;
	margin-right:1.5rem;
	margin-left:1.5rem;
	}
	
.search-box {
	/*align-content: center;
	display: grid;
	position: relative;
	float: right;*/
	display: flex;
	justify-content: flex-end;
	padding-bottom: 5px;
}

.input-search {
  width: 100%;
  padding: 20px 20px;
  margin: 8px 0;
  border: 3px solid #cad9e3;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.input-search:focus {
  border: 3px solid #33698f;
}

::placeholder {
  color: #33698f;
  opacity: 1; /* Firefox */
}

.header-icon {
	width:10%;
    text-align: center;
    margin-left:10px;
	}
	
.masterheader-link {
	color:#33698f;
	text-decoration: none;
	}
	
.header-icon-basket {
	width:10%;
    text-align: center;
	}
	
.gallery-container {
	margin:auto;
	padding:0 .5rem;
	width:100%;
}
	
div.gallery {
	margin: 5px;
	border: 1px solid #ccc;
	display: inline-table;
  /*float: left;
  height: 250px;*/
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
	width: auto;
	height: 240px;
}

@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.empty {width: 100%;}
	.pics-btn-container {width:100%;}
	.contact-table-input {width:100%;}
	
}

@media screen and (max-width: 450px) {
	div.gallery img {height: auto; width: 100%;}
	div.gallery {width: 95%;}
}

hr.sep
{
    height: 4px;
    border: solid 0px #33698f; 
    border-top: solid 1px #33698f; 
    background-color: #cad9e3; 
    color: #cad9e3;
    padding: 0.3px 0;
}
hr.gsep
{
	border: solid 0px #33698f; 
	border-top: dotted 1px 33698f;
	padding: 0.2px 0;
}

.footer-mast {
	-ms-flex-align:center;
	align-items:center;
	background-color:#cad9e3;
	border-top:1px solid #d5ddeb;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
	padding:.5rem;
	position:relative;
	will-change:padding;
	color:#575756;
	width:100%;
	}
	
.col-btn { 
	width:100px;
	height:40px;
	}

input.sb {
	background-color: #33698f;
	color:#fff;
	font-size:18px;
	margin-bottom:.5rem;
	margin-left:.5rem;
    }
    
input.ib {
	border: solid 1px #33698f;
	height:40px;
	width:200px;
	font-size:18px;
	margin-bottom:.5rem;
	}
	
.footer-bar {
	width: 50%;
	font-size:14px;
	color:#575756;
	text-align: left;
	margin-left: 50px;
	padding:0 .5rem;
	}
	
.footer-bar a {
	text-decoration: none;
	font-size: 16px;
	color:#575756;
	display: block;
	
}

input[type=text], select, textarea {
	padding: 12px;
	border: 1px solid #cad9e3;
	border-radius: 4px;
	font-size: 20px;
	resize: vertical;
	margin-right: 10px;
}

input.largerCheckbox {
	width: 40px;
	height: 40px;
	border: 1px solid #cad9e3;
   }

.contact_container {
  border-radius: 5px;
  background-color: #f7fbfc;
  padding: 20px;
	font-size:16px;
}

.painting_display {
	padding: 20px;
	font-size:18px;
}

.uname {
	text-align:center;
}

.div_search {
	margin-right: 10px;
	display: flex;
	justify-content: flex-end;
	padding-bottom: 5px;
}

.paint {
	width: 100%;
}

.msg-container {
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	-ms-flex-align:center;
	border-bottom:1px solid #e8ecff;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
	-webkit-display: flex;
	padding: 10px;
	}

.btn-send {
	float: right;
	padding: 10px 20px 10px 20px;
}

.pics-btn-container {
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	-webkit-display: flex;
}