@charset "utf-8";
/* CSS Document */
.footercontainer {
  	display: inline-flex;
  	align-items: center;
	height: 100%;
  }

#footerbanner {
	position: absolute;
	bottom: 0;
}

@media (min-width: 659px), print {
  #footerbanner {
	width: 100%;
	height: 40px;
	opacity: 100%;
	margin-top: 20px;
  }
  #textcontainer {
	height:40px;
	position:relative;
	top:0px;
	float:right;
	margin-right:22px;
  }
  #copyright {
	margin-right: 10px;
	font-size: 16px;
	text-align: right;
  }
  #iconcontainer {
	height:40px;
	position:relative;
	top:0px;
	float:left;
	margin-left: 20px;
  }
  #icons {
	display:inline-block;
	margin-top:3px;
	margin-left: 20px;
  }
  #behance {
    z-index: 20;
	display: inline-block;
	aspect-ratio: 60/44;
	width: 35px;
    position: relative;
    margin-left: 0px;
	margin-top: 0px;
  }
  #pinterest {
    z-index: 23;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #instagram {
    z-index: 21;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #x {
    z-index: 22;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #behance_img{
	aspect-ratio: 60/44;
	width: 36px;
	padding-bottom: 0px;
  }
  #pinterest_img, #instagram_img, #x_img{
	aspect-ratio: 49/44;
	width: 29px;
	padding-bottom: 0px;
  }
}
@media (min-width: 421px) and (max-width: 658px) {
  #footerbanner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 65px;
	opacity: 100%;
	margin-top: 10px;
  }
  #textcontainer {
	order: 2;
	height:32px;
	width:100%;
	position:relative;
	top:0px;
  }
  #copyright {
	width:95%;
	margin: auto;
	font-size: 14px;
	text-align: center;
  }
  #iconcontainer {
	order: 1;
	height:25px;
	width:100%;
	position:relative;
	top:0px;
	margin-top: 7px;
  }
  #icons {
	display: table;
	margin: auto;
  }
  #behance {
    z-index: 20;
	display: inline-block;
	aspect-ratio: 60/44;
	width: 35px;
    position: relative;
    margin-left: 0px;
	margin-top: 0px;
  }
  #pinterest {
    z-index: 23;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #instagram {
    z-index: 21;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #x {
    z-index: 22;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #behance_img{
	aspect-ratio: 60/44;
	width: 34px;
	padding-bottom: 0px;
  }
  #pinterest_img, #instagram_img, #x_img{
	aspect-ratio: 49/44;
	width: 29px;
	padding-bottom: 0px;
  }
}
@media (max-width: 420px) {
  #footerbanner {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 80px;
	opacity: 100%;
	margin-top: 0px;
  }
  #textcontainer {
	order: 2;
	height:40px;
	width:100%;
	position:relative;
  }
  #copyright {
	width: 95%;
	margin: auto;
	font-size: 17px;
	text-align: center;
  }
  #iconcontainer {
	order: 1;
	height:28px;
	width:100%;
	position:relative;
	margin-top: 11px;
  }
  #icons {
	display: table;
	margin: auto;
  }
  #behance {
    z-index: 20;
	display: inline-block;
	aspect-ratio: 60/44;
	width: 35px;
    position: relative;
    margin-left: 0px;
	margin-top: 0px;
  }
  #pinterest {
    z-index: 23;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #instagram {
    z-index: 21;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #x {
    z-index: 22;
	display: inline-block;
	aspect-ratio: 49/44;
	width: 30px;
    position: relative;
    margin-left: 10px;
	margin-top: 0px;
  }
  #behance_img{
	aspect-ratio: 60/44;
	width: 34px;
	padding-bottom: 0px;
  }
  #pinterest_img, #instagram_img, #x_img{
	aspect-ratio: 49/44;
	width: 29px;
	padding-bottom: 0px;
  }
}