@media only screen and (max-width : 600px){

    .titleOne{
        font-size: 55px;
    }

    .titleTwo{
        font-size: 32px;
    }

    .frontpage_margin{
        margin-top:10px;
    }

    .whitePanel{
        width: 100%;
    }

    .forWebCam{
        width: 85%;
        height: auto;
    }

    .imageFront{
        margin-top:50px;
        width:280px;
        bottom:0px;
        margin-left:auto;
        margin-right:auto;
    }

    .forTitle{
        padding: 5px 5px;
        color: white;
        background-color: #B71C29;
        border-radius: 5px;
        font-weight: bold;
    }

    .el-step__title{
        font-size: 10px !important;
    }

    .navigateButtons{
        text-align: center;
    }

    .parallax {
        min-height: 765px;
    }

    .buttonHeader{
        text-align: center;
    }
}

@media only screen and (min-width : 768px){

    .titleOne{
        font-size: 67px;
    }

    .titleTwo{
        font-size: 27px;
    }

    .frontpage_margin{
        margin-top:10px;
    }

    .whitePanel{
        width: 80%;
    }

    .forWebCam{
        width: 85%;
        height: auto;
    }

    .forTitle{
        padding: 5px 5px;
        color: white;
        background-color: #B71C29;
        border-radius: 5px;
        font-weight: bold;
    }

    .parallax {
        min-height: 765px;
    }

    .buttonHeader{
        text-align: right;
    }

    .el-radio__label {
        font-size: 10px !important;
    }
}

@media only screen and (min-width : 1024px){

}

@media only screen and (min-width : 992px){

    .titleOne{
        font-size: 70px;
    }

    .titleTwo{
        font-size: 38px;
    }

    .frontpage_margin{
        margin-top:10px;
    }

    .whitePanel{
        width: 80%;
    }

    .forWebCam{
        width: 85%;
        height: auto;
    }

    .parallax {
        min-height: 765px;
    }

    .textAreaInLastPage{
        background-color: #F8E8E9;
        border: 1px solid #F8E8E9;
        margin-top:10px;
        padding: 20px;
    }

    .buttonHeader{
        text-align: right;
    }
}

@media only screen and (min-width : 1200px){

    .titleOne{
        font-size: 70px;
    }

    .titleTwo{
        font-size: 45px;
    }

    .frontpage_margin{
        margin-top:10px;
    }

    .whitePanel{
        width: 80%;
    }

    .forWebCam{
        width: 85%;
        height: auto;
    }

    .navigateButtons{
        text-align: center;
    }

    .parallax {
        min-height: 760px;
    }

    .buttonHeader{
        text-align: right;
    }

}