p {
  font-weight:600;
  line-height:1.8em;
}

.myButton {
	background-color:#fff;
    position: relative;
	border-radius:5px;
	border:1px solid #1C0B66;
	display:inline-block;
	cursor:pointer;
	color:#1C0B66;
        letter-spacing:1.5px;
        font-weight:300;
	font-size:16px;
	padding:10px 22px;
	text-decoration:none;
	filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
    transform-origin:center;
}
.myButton::before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#1C0B66;
    transition:.3s;
    transform-origin:center;
    transform:scale(0);
}

.myButton:hover.myButton::before{
    z-index:-1;
    transition:.3s;
    transform-origin:center;
    transform:scale(1);
}
.myButton:hover {
    transition:.3s;
    transform: scale(.98);
    color:white;
	text-decoration:none;
    filter:drop-shadow(1px 2px 2px rgba(0,0,0,0.3));
    z-index:5;
}
.myButton:active {
	position:relative;
	top:1px;
}
.hero {
  
    height: 40vw;
    position: relative;
    color: #fff;
    background-repeat:no-repeat;
    background-size:cover;
}

.hero-bg {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
    height: 100%;
    width: 100%;
    background-color: #ececec;
    position: absolute;
    top: 0;
    left: 0;
}
.carousel-inner {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 99%, 0% 80%);
}
#hero-tag{
    position: absolute;
    top:20%;
    left:10%;
    text-align:left;
    font-weight:300;
    font-size:2.5rem;
}
#hero-tag-text{
    color:#f3f3f3;
    mix-blend-mode:difference;
}
#hero1 {
    position: relative;
    background-image: url('/imageserver/Reusable/solar2020/home-solar001.jpg');
    background-size: 100%;
    background-position:center 17%;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100vw;
    height: 40vw;
    margin: 0 auto;
}

.home1 {
  border:1px solid black;
  padding:20px 10px;
  margin-top:100px;
}

.home {
  border:1px solid black;
  padding:20px 10px;
  margin-top:50px;
}

.right img{
   float:right;
   padding:.5em;
}

.left img{
   float:left;
   padding:.5em;
}

.durability{
   min-height:150px;
}


.nem-row {
display: flex;
flex-flow: row wrap;
gap: 30px;
justify-content: space-around;
}

.nem-image {
text-align: center;
flex: 1 350px;
}

.nem-para {
flex: 3 400px;
}

@media screen and (max-width:800px) {
    #hero-tag{
        font-size:1.5rem;
    }
}
@media screen and (max-width:450px) {
    #hero-tag{
        font-size:1rem;
    }
}