body {
			background-image: linear-gradient(60deg, rgba(225,165,150,0.502) 9%, rgba(0,228,255,0.353)100%), url('images/bg.jpg');
			background-size: cover;
			background-attachment: fixed;
		}

		#tiger {
			display: flex;
			flex-direction: column;
			align-items: center;
			min-height: 100vh;
			justify-content: center;
			position: relative;
			overflow: hidden;
		}

		#lion {
			background-color: rgba(255,255,255,0.929);
			margin: auto;
			top: 0;
			bottom: 0;
			max-width: 100%;
			min-height: 100%;
			display: flex;
			position: relative;
			border-radius: 0.375rem 0.375rem 0.375rem 0.375rem;
			text-align: center;
			margin: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
		}

		#jaguar {
			position: relative;
			border-radius: inherit;
			max-width: 100%;
			width: 840px;
		}

		#leopard {
			margin:50px 40px;
		}

		#kiwiburst img {
			width: 324px;
			height: auto;
			max-width: 100%;
		}

		#snowleopard {
			flex-wrap: wrap;
			display: flex;
			align-items: flex-start;
			max-width: 100%;
			box-sizing: border-box;
		}

		ul#buttons {
			padding-inline-start: 0;
		}

		#buttons li {
			display: inline-flex;
		}

		#buttons li a {
			background-color: #00A6AD;
			color: #fff;
			width: auto;
			line-height: 1.5rem;
			vertical-align: middle;
			padding: 5px 23px 5px 23px;
			font-size: 15px;
			letter-spacing: 0.225rem;
			font-weight: 200;
			border-radius: 2rem;
			margin: 5;
			text-decoration: none;
			text-align: center;
			white-space: nowrap;
			max-width: 100%;
		}

		#buttons li a:hover {
			background-color: #0F5A7B;
		}

		#status {
			width: 100%;
		}

		#status h2 b {
			color: #0F5A7B;
		}

		#shop {
			display: flex;
		}

		#shopimg {
			float: left;
			left: 0;
			max-width: 100%;
			position: relative;
			overflow: hidden;
			display: block;
			padding-left: 0.5rem;
		}

		#shopimg img {
			max-width: 100%;
			width: 345px;
			display: inline-block;
		}

		#shopinfo {
			width: 50%;
			max-width: 100%;
			float: right;
			right: 0;
			padding-left: 1rem;
		}

		#icon {
			display: inline-block;
			width: 104px;
		}

		#icon img {
			height: 50px;
		}

		#social #icon img {
			height: 30px;
		}

		#left {
          	text-align: left;
        }

		#boxes img {
          	width: 130px;
        }

		#examples img {
          	max-height: 300px;
          	max-width: 100%;
        }

		#butts h5#xallx, #butts h5#x, #butts h5#xx, #butts h5#xxx {
          width: auto;
  		  background: #00A6AD;
  		  color: #fff;
  		  cursor: pointer;
  		  cursor: hand;
  		  display: inline-block;
 		  line-height: 1.5rem;
  		  vertical-align: middle;
   		  padding: 5px 23px 5px 23px;
   		  font-size: 15px;
    	  letter-spacing: 0.225rem;
	      font-weight: 200;
    	  border-radius: 2rem;
    	  margin: 5;
      	  text-decoration: none;
    	  text-align: center;
    	  white-space: nowrap;
    	  max-width: 100%;
        }

		#butts h5#xallx:hover, #butts h5#x:hover, #butts h5#xx:hover, #butts h5#xxx:hover {
          background-color: #0F5A7B;
        }

		.xallx a, .x a, .xx a, .xxx a {
          text-decoration: none;
          color: #00A6AD;
          font-size: 16px;
          			line-height: 1.5;
			font-weight: 400;
        }
		.xallx a:hover, .x a:hover, .xx a:hover, .xxx a:hover {
          color: #0F5A7B;
        }

		h1, h2, h3, h4, h5, p, a {
			font-family: 'Source Sans Pro', sans-serif;
		}

		h1, h2, h3, h4, p {
			color: #313F47;
		}

		h1, h3, h4 {
			text-transform: uppercase;
			letter-spacing: 0.4rem;
			width: calc(100% + 0.4rem);
			font-weight: 300;
		}

		h1 {
			font-size: 30px;
			line-height: 1.5;
		}

		h2 {
			letter-spacing: 0.2rem;
			width: calc(100% + 0.2rem);
			font-size: 30px;
			line-height: 1.75;
			font-weight: 400;
		}

		h3 {
			font-size: 21px;
			line-height: 1.125;
		}

		h4 {
			font-size: 24px;
			line-height: 1.5;
          	margin-bottom: 10px!important;
		}

		hr {
			width: 20%;
			margin-top: 4px;
			margin-bottom: 4px;
		}

		p {
			font-size: 18px;
			line-height: 1.5;
			font-weight: 400;
		}

		<!-- RESIZE -->

		@media only screen and (max-width: 850px) {
			#shopimg {
				padding-left: 0;
			}
			#shopinfo {
				padding-left: 10px;
				margin-right: -1rem;
			}
		}

		@media only screen and (max-width: 802px) {
			#shop {
				width: 100%;
			}
			#shopimg {
				width: 100%;
			}
			#shopimg img {
				width: auto;
				height: auto;
				max-width: 100%;
			}
			#shopinfo {
				width: 100%;
				padding-left: 0;
			}
		}

		@media only screen and (max-width: 524px) {
			#social #icon {
				width: 80px;
			}
		}

		@media only screen and (max-width: 493px) {
          	#boxes img {
              width: 100px;
            }
        }

		@media only screen and (max-width: 450px) {
			#navigation {
				display: inline-flex;
				width: 100%;
				max-width: 32rem;
			}
			ul#buttons {
				width: 100%;
			}
			#buttons li {
				display: grid;
			}
		}

		@media only screen and (max-width: 415px) {
			#icon {
				width: 84px;
			}
			#social #icon {
				width: 70px;
			}
			#social #icon img {
				height: 25px;
			}
		}

		@media only screen and (max-width: 403px) {
			#boxes img {
				width: 80px;
			}
		}