#main-image
{
	width: 100%;
	height: 100vh;
    position: relative;
}
.main-img
{
    background: url(../images/header_1.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.main-img-1
{
    background: url(../images/header_1.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.main-img-2
{
    background: url(../images/header_2.jpg) 50% 0 no-repeat;
    background-size: cover;
}
.main-img-3
{
    background: url(../images/header_3.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.main-image-forText{
    position: absolute;
    top: 50%;
            transform: translateY(-50%);
            color: $laptop-section-text-c;
            width: 100%;
            text-align: left;
            &-link{
                font-size: 0.75rem;
                color:$laptop-section-text-c;
                &:hover{
                    color: $bg-laptop-section-color;
                }
                &:before {
                  content: "";
                  width: 15px;
                  height: 2px;
                  background-color: $laptop-section-text-c;
                  display: inline-block;
                  margin-right: 10px;
                  vertical-align: super;
                }
            }
            &-content{
                h5{
                line-height: 1.875rem;          
                line-height: 3rem;
                margin-top: 1.875rem;
                }
                h1{
                    line-height: 1.2;
                    margin: 1.25rem 0;
                }
            }
        }

.text-center-vodbox {
    height: 64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    h3{
        color: $laptop-section-name-c;
    }
    @media screen and (max-width: 991.9px){
    	height: 40rem;
    }
}
.bg-grad{
    background: linear-gradient(to right, $laptop-color-start, $laptop-color-end);
    color: $laptop-section-text-c;
    padding: 5rem;
    //height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    .row {
	    display: flex;
	    @media screen and (max-width: 991.9px) {
	        flex-wrap: wrap;
        }
    }
    &-img{
//         width: 100%;
        margin-top: -15%;
        img{
            width: 100%;
        }
    }
    &-content{
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: left;
    }
}
.img-text {
	.row {
		display: flex;
		@media screen and (max-width: 991.9px) {
	        flex-wrap: wrap;
        }
	}
}