html{
    height: 100%;
    width: 100%;
}

body{
    background-color: #116D44;
    background-position: center;
}

    header{
        align-items: center;
    }

    nav{
        font-family: 'Saira Condensed', sans-serif;
    }

    main .row{
        margin-left: 0;
    }

        .box{
            width: 100%;
            height: 600px;
            padding: 40px 60px;
            color: white;
            font-family: 'Saira Condensed', sans-serif;
            text-align: center;
        }  

            .box h1{
                font-family: 'Anton', sans-serif;
                font-size: 50px;
                text-shadow: 0px 0px 10px #000;
            }

            .box h2{
                color: honeydew;
                text-shadow: 0px 0px 10px #000;
            }

            .box p{
                font-size: 25px;
                margin-top: 100px;
            }

        .sec1{
            height: 100vh;
            background-image: url(/img/voluntbg1.jpg);
            background-attachment: fixed;
            background-size: cover;
        }

        .sec2{
            background: #28689c;
        }

            .imaspecialp{
                text-shadow: 0px 0px 10px #000;
            }

        .sec3{
            height: 100vh;
            background-image: url(/img/voluntbg2.jpg);
            background-attachment: fixed;
            background-size: cover;
        }

        .sec4{
            background: #c99d0d;
        }

            .imspecial{
                height: unset !important;
                text-shadow: 0px 0px 10px #000;
            }

            .shrinkme{
                width: 192px;
                height: 128px;
            }

            .sec4 img{
                box-shadow: 0px 0px 10px #000;
            }

            .sec4 h5{
                font-size: 30px;
                font-family: 'Anton', sans-serif;
            }

            .sec4 p{
                font-size: 17px !important;
            }