body {
    font-size: 20px;
/*    background: url("1.jpg");*/
    background-size: cover;
    background-position: center;
    font-family: "russo one";

}

html {
    width: 100%;
    height: 100%;


}



.container {
    margin-top: 5rem;
    height: auto;

}


.navbar {
    min-height: 90px;
    background-color: #0a5c25;
    margin-bottom: 0px;
}

/*mobile toggle button*/
.navbar-default .navbar-toggle {
    margin-top: 7%;
}


.navbar-default .navbar-nav > li > a {
    color: #f5f5f5;
}

.navbar-nav > li > a {
    line-height: 20px;

}





.topDiv {
/*    background-image: url("back1.jpg");*/
    height: auto;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
        margin-left: 10%;
    margin-right: 10%;    
}


iframe{
    width: 100%
}




.bottomDiv {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center

}

/*impact title*/
#impact {
    text-align: center;
    font-size: 5rem;
}

/*impact circle*/
.circle {
    font-size: 160px;
    text-shadow: 0px 20px gray;


}


.row {
    margin-left: 10%;
    margin-bottom: 100px;
    margin-top: 40px;
    width: 90%;
}



.footer {
    /*   position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #0a5c25;
    color: white;
    text-align: center;
}


/*center elements*/
.center {
    margin: auto;
    max-width: 50%;
    /*    padding: 10px;*/
}


.green {
    color: lawngreen
}

.blue {
    color: dodgerblue
}

.orange {
    color: coral
}
