html {
              position: relative;
              min-height: 100%;
            }

            body{
                font-family: 'Roboto', sans-serif;
                margin-bottom: 500px;
                padding-top: 70px;
            }

            .headline h1{
                margin-top: 70px;
                margin-bottom: 50px;
                font-size: 21px;
                color:#0092cb;
                font-weight: 500;
            }

            .copy{
                font-weight: 300;
                font-size:15px;
            }

            .bold{
                font-weight: 500;
            }

            .dot{
                padding-bottom:3px;
                padding-right: 5px;
            }

            .training{
                width: 100%;
                height: auto;
                position: absolute;
                bottom: 301px;
            }

            .training img {
                width: 100%;
                height: auto;
            }

            .footer {
              position: absolute;
              bottom: 0;
              width: 100%;
              height: 300px;
              color:#fff;
              background-color: #0092cb;
            }

            .footer .container-fluid{
                background-color: #fff;
                border-bottom: 5px solid #fff;
            }

            .footer a{
                color:#fff;
            }

            .footer .col-xs-12 {
                margin-top: 25px;
                line-height: 23px;
            }

            .stoerer{
                position: absolute;
                right: 10px;
                top: -160px;
                background-color: #0092CB;
                color: #fff;
                padding: 10px 20px;
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);

                transform: rotate(0deg);
            }


            @media (min-width:450px) and ( max-width: 600px){
                
                body{
                    margin-bottom: 570px;
                }

            }


            @media (min-width:600px) and ( max-width: 768px){
                
                body{
                    margin-bottom: 620px;
                }

            }


            @media (min-width:768px) and ( max-width: 991px){

                body{
                    margin-bottom: 450px;
                }

                .footer{
                    height: 120px;
                }

                .footer .col-md-3 {
                    border-right: 1px solid #fff;
                }

                .training{
                    bottom: 121px;
                }

                .stoerer{
                    position: absolute;
                    right: 0px;
                    top: -105px;
                    background-color: #0092CB;
                    color: #fff;
                    padding: 10px 20px;
                    -moz-transform: rotate(15deg);
                    -ms-transform: rotate(15deg);
                    -o-transform: rotate(15deg);
                    -webkit-transform: rotate(15deg);

                    transform: rotate(15deg);
                }

            }

            @media (min-width:992px) and ( max-width: 1199px){

                body{
                    margin-bottom: 490px;
                }

                .footer .col-md-3 {
                    border-right: 1px solid #fff;
                }

                .footer{
                    height: 120px;
                }
                .training{
                    bottom: 121px;
                }

                .stoerer{
                    position: absolute;
                    right: 0px;
                    top: -105px;
                    background-color: #0092CB;
                    color: #fff;
                    padding: 10px 20px;
                    -moz-transform: rotate(15deg);
                    -ms-transform: rotate(15deg);
                    -o-transform: rotate(15deg);
                    -webkit-transform: rotate(15deg);

                    transform: rotate(15deg);
                }

            }


            @media (min-width: 1200px ){

                .footer .-border {
                    border-right: 1px solid #fff;
                }

                .footer{
                    height: 120px;
                }

                .training{
                    bottom: 121px;
                }
                .stoerer{
                    position: absolute;
                    right: 0px;
                    top: -105px;
                    background-color: #0092CB;
                    color: #fff;
                    padding: 10px 20px;
                    -moz-transform: rotate(15deg);
                    -ms-transform: rotate(15deg);
                    -o-transform: rotate(15deg);
                    -webkit-transform: rotate(15deg);

                    transform: rotate(15deg);
                }
            }
            
            
            @media (min-width:1200px) and ( max-width: 1400px){
                
                body{
                    margin-bottom: 550px;
                    }
            
            }
             @media (min-width:1401px) and ( max-width: 1600px){
                
                body{
                    margin-bottom: 600px;
                    }
            
            }           
            
               @media (min-width:1601px) and ( max-width: 1800px){
                
                body{
                    margin-bottom: 650px;
                    }
            
            }             
               @media (min-width:1801px) and ( max-width: 2000px){
                
                body{
                    margin-bottom: 700px;
                    }
            
            } 
            
             @media (min-width:2001px) and ( max-width: 2400px){
                
                body{
                    margin-bottom: 850px;
                    }
            
            }  
            
             
            @media (min-width:2401px) {
                
                body{
                    margin-bottom: 900px;
                    }
            
            }