@media (max-width: 352px) {
     .navbar{
        padding: 0px;
        height: 71px;
    } 

}

body{
    font-family: Roboto,Arial,Helvetica,sans-serif;
}

.navbar-items12{
    padding-left: 2em;
}


.rem-style{
    color: white;
}

.background-section1{
    background-image: url(parallax-place-holder-copy2.jpg);
    background-size: cover;
    background-position: 72% 0px;
    width: 100%;
    /* height: 51vmax; */
    margin-top:71px;
    background-repeat: no-repeat;
    color: white;
}

.heading1{
    font-size: 6vw;
    padding-top: 10vw;
    padding-left: 10vw;
    margin: 0;
    color: red;
    font-weight: bolder;
}
@media (max-width: 426px) {
    .heading1{
        font-size: 8vw !important;
    }
    .heading2{
        font-size: 6vw ;
        padding-left: 10vw;
        
    }

    .paragraph1{
        font-size: 3vw !important;
        padding-left: 10vw;
        max-width: 250px ;
        
    }

}

.heading2{
    font-size: 4vw;
    padding-left: 10vw;
    
}

.paragraph1{
    font-size: 2vw;
    padding-left: 10vw;
    max-width: 65vw;
    
}

.button12{
    margin-left: 10vw;
    margin-bottom: 10vw;
    color: white;
    font-size: 2vw;
}

.s2p1{
    background-image: url(test\ your\ style\ s2p1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important;
    padding-top: 195px;
    padding-bottom: 120px;
}

.s2p2{
    background-image: url(forget\ your\ limits\ s2p2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important;
    padding-top: 195px;
    padding-bottom: 120px;
}

.s2p3{
    background-image: url(save\ for\ victory\ s2p3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important;
    padding-top: 195px;
    padding-bottom: 120px;
}

.s4p1{
    background-image: url(section4.jpg);
    background-repeat: no-repeat;
    background-size: cover;  
}

.section4-heading{
    font-weight: 900;
    font-size:  5vw;
    color: white;
    margin-left: 10vw;
    margin-top: 7vw;
}

.section4-heading2{
    font-weight: 900;
    font-size:  5vw;
    color: white;
    margin-left: 10vw;
    margin-bottom: 10vw;
}

.section4-btn{
    margin-left: auto;
    margin-top: 7vw;
    color: white;
    font-size: 2vw;
    border: 1px solid white;
}

@media (max-width: 767px) {
    .section4-btn{
        margin-left: 10vw;
        margin-bottom: 7vw;
        color: white;
        font-size: 3vw;
        border: 1px solid white;
    }
    .section4-heading{
        font-weight: 900;
        font-size:  6vw;
        color: white;
        margin-left: 10vw;
        margin-top: 7vw;
    }
    
    .section4-heading2{
        font-weight: 900;
        font-size:  6vw;
        color: white;
        margin-left: 10vw;
        margin-bottom: 0vw;
    }
    

}

.grey-color1{
    color: rgb(255, 255, 255);
    background-color:red;
}

.contact-us{
    font-weight: bolder;
}

#errorname{
    color: red;
    font-size: 20px;
}

#errorlastname{
    color: red;
    font-size: 20px;
}

#erroraddressname{
    color: red;
    font-size: 20px;
}

@media (max-width: 767px) {
    #errorphno{
        color: red;
        font-size: 3vw;
        margin-right: auto ;
    }
}

@media (min-width: 768px) {
    #errorphno{
        color: red;
        font-size: 1.4vw;
        margin-left: auto;
    }
}

html{
    scroll-behavior: smooth;
}