.text-center{display: flex;justify-content: space-around;align-items: center;}

section .container-fluid{padding:0px;}
p{font-size: 22px;}
section.shrem-sec-01 img.s-logo{position: absolute;bottom: 30%;left: 0;right: 0;margin: auto; width: calc(100px + 13vw);}
section.shrem-sec-01{height: 100vh;overflow: hidden;position: relative;text-align: center;}

section.shrem-sec-02{padding: 15vh 11vw;}
section.shrem-sec-02 h3{font-size: 32px;color: #191061;text-transform: none;padding-right: 4vw;margin-bottom: 10px}
section.shrem-sec-02 p{padding: 4vh 10vw 0vh 0vw;color: #191061;}
section.shrem-sec-03{padding: 0px 15px;text-align: center;}
section.shrem-sec-03 p{color: #191061;padding: 1vh 25vw;}
section.shrem-sec-04{text-align: center;padding: 10vh;}
section.shrem-sec-04 p{margin-top: 10px;}
section.shrem-sec-04 .bg-skills{color: #e54600;text-transform: uppercase;}
section.shrem-sec-04 .bg-environment{color: #39aa0b;text-transform: uppercase;}
section.shrem-sec-04 .bg-animals{color: #7d02cc;text-transform: uppercase;}
section.shrem-sec-05{height: 100vh}
section.shrem-sec-04 img{/*height: 100%;width: 100%; */}
section.shrem-sec-06{padding: 90px;}

section.shrem-sec-06 .skills-banner::before,
section.shrem-sec-07 .skills-banner::before,
section.shrem-sec-08 .skills-banner::before{
	content:"";width:100%;height:100%;position: absolute;inset:0;background: rgba(0,0,0,0.5);
}
section.shrem-sec-06 .skills-banner{margin-bottom: 30px; position: relative; }
section.shrem-sec-06 h3{color: #fff;text-transform: none;position: absolute;bottom: 10%;right: 5%;}

section.shrem-sec-07{padding: 90px;}
section.shrem-sec-07 .skills-banner{margin-bottom: 30px; position: relative; }
section.shrem-sec-07 h3{color: #fff;text-transform: none;position: absolute;bottom: 10%;right: 5%;}

section.shrem-sec-08{padding: 90px;}
section.shrem-sec-08 .skills-banner{margin-bottom: 30px; position: relative; }
section.shrem-sec-08 h3{color: #fff;text-transform: none;position: absolute;bottom: 10%;right: 5%;}

section.shrem-sec-09{} 
section.shrem-sec-10{background: #fef6ea;}
section.shrem-sec-10 .dec-p{position: absolute;padding: 12vh 54vw 0vh 15vh;}


.parallax-container {height: 200vh;}
.parallax-image {position: relative;height: 100vh;background-attachment: fixed;background-size: cover;background-position: center;background-repeat:no-repeat;}
.mockup1 {background-image: url("shrem-business-card_mockup.webp"); }
.mockup2 {background-image: url("shrem-email-signature.webp"); }

.box-animal{background: #c85fff;height: 100%;width: 100%;}
.box-skills{background: #f7a226;height: 100%;width: 100%;}
.box-environment{background: #60e153;height: 100%;width: 100%;}

section.shrem-sec-12 img.c-width{width:100%;}

section.shrem-sec-13{height: 100vh;background: #191061;}
section.shrem-sec-13 video{height: 850px;padding: 20px;border: 1px solid #fff;}
secttion.shrem-sec-13 .video-sec{padding: 30px;}
section.shrem-sec-16{height: 100vh;}

section.shrem-sec-17 video{position: absolute;width: 1108px;top: 161px;left: 404px;}


@media only screen and (min-width: 320px) and (max-width:768px){
	p{font-size: 18px;}
	section.shrem-sec-01 {height: auto;}
	section.shrem-sec-01 img.s-logo {bottom: 20%;}
	section.shrem-sec-02 {padding: 60px 15px 15px;text-align: center;}
	section.shrem-sec-02 img{width: 50%;}
	section.shrem-sec-02 h3 {font-size: 24px;}
	section.shrem-sec-02 h3 {padding-right: 0vw;padding-top: 15px;}
	section.shrem-sec-02 p {padding: 2vh 0vw 0vh 0vw;}
	section.shrem-sec-03 {padding: 0px 15px;}
	section.shrem-sec-03 img{width: 65%;}
	section.shrem-sec-03 p {padding: 1vh 0vw;}
	section.shrem-sec-04 { padding: 15px;}
	section.shrem-sec-06 {padding: 15px;}
	section.shrem-sec-06 h3 {font-size: 18px;bottom: 0%;}
	section.shrem-sec-06 .skills-banner {margin-bottom: 0px;}
	
	section.shrem-sec-07 {padding: 15px;}
	section.shrem-sec-07 h3 {font-size: 18px;bottom: 0%;}
	section.shrem-sec-07 .skills-banner {margin-bottom: 0px;}
	
	section.shrem-sec-08 {padding: 15px;}
	section.shrem-sec-08 h3 {font-size: 18px;bottom: 0%;}
	section.shrem-sec-08 .skills-banner {margin-bottom: 0px;}
	section.shrem-sec-13 {height: auto;padding: 40px 0px 20px;}
	section.shrem-sec-13 video {height: 450px;margin-bottom: 15px;}
	section.shrem-sec-16 {height: auto;padding: 20px 70px;}
	section.shrem-sec-17 video {width: 235px;top: 40px;left: 91px;}
	
	
}
@media only screen and (min-width: 1440px) and (max-width:1600px){
	section.shrem-sec-02 {padding: 5vh 5vw;}
	section.shrem-sec-03 p {padding: 1vh 20vw;}
	section.shrem-sec-06 {padding: 40px;}
	section.shrem-sec-07 {padding: 40px;}
	section.shrem-sec-08 {padding: 40px;}
	section.shrem-sec-16 {margin: 38px 28px;}
	section.shrem-sec-17 video {position: absolute;width: 935px;top: 133px;left: 343px;}
	
}
@media only screen and (min-width: 1366px) and (max-width:1440px){
	section.shrem-sec-02 {padding: 5vh 5vw;}
	
	section.shrem-sec-06 {padding: 40px;}
	section.shrem-sec-07 {padding: 40px;}
	section.shrem-sec-08 {padding: 40px;}
	section.shrem-sec-09 img {width: 30%;}
	    section.shrem-sec-17 video {width: 840px;top: 121px;left: 306px;}
	
}
@media only screen and (min-width: 1280px) and (max-width:1366px){
	section.shrem-sec-02 {padding: 8vh 4vw;}
	section.shrem-sec-02 h3 {padding-right: 0px;margin-bottom: 0px;}
	section.shrem-sec-03 {padding: 0px 80px;}
	section.shrem-sec-06 {padding: 30px;}
	section.shrem-sec-07 {padding: 30px;}
	section.shrem-sec-08 {padding: 30px;}
	section.shrem-sec-03 p {padding: 1vh 20vw;}

	section.shrem-sec-13 {height: auto;padding: 50px;}
	section.shrem-sec-16 {height: auto;padding: 50px 50px 0px;}
	section.shrem-sec-17 video {width: 790px;top: 116px;left: 293px;}
}
@media only screen and (min-width: 1024px) and (max-width:1280px){
		section.shrem-sec-02 {padding: 8vh 4vw;}
	section.shrem-sec-02 h3 {padding-right: 0px;margin-bottom: 0px;}
	section.shrem-sec-03 {padding: 0px 80px;}
	section.shrem-sec-06 {padding: 30px;}
	section.shrem-sec-07 {padding: 30px;}
	section.shrem-sec-08 {padding: 30px;}
	section.shrem-sec-09 img {width: 30%;}
	section.shrem-sec-13 {height: auto;padding: 50px;}
	section.shrem-sec-16 {height: auto;padding: 50px 50px 0px;}
	section.shrem-sec-17 video {
        width: 745px;
        top: 110px;
        left: 276px;
        }
}

@media(max-width:768px){
	section.shrem-sec-09 img:first-of-type,
	section.shrem-sec-09 img:last-of-type{
		width:35%;
	}
	section.shrem-sec-09 {
    padding: 24px;
}
}
@media(max-width:576px){
	section.shrem-sec-09 img:first-of-type,
	section.shrem-sec-09 img:last-of-type{width:45%;}
	
	.box-skills,.box-animal,.box-environment{height:300px;}
	.box-skills img,.box-animal img,.box-environment img{ width:50%;}
}

@media(max-width:480px){
    section.shrem-sec-02 h3 {font-size: 18px;}
	.branding-wrp p {font-size: 14px;}
	section.shrem-sec-06 .skills-banner img,
	section.shrem-sec-07 .skills-banner img,
	section.shrem-sec-08 .skills-banner img{height:100px; object-fit: cover;}
}