body

{

    background:black;

}



.box1{

    margin-top: 2%;

}

.posun{

    text-align: right;

    padding-top:5%;

}

.leva{

    text-align: left;

}

.prava{

    text-align: right;

}

 .barva{

    color: #d41b84;

 }



 .cb{

    filter: grayscale(100%);

    

 }

 .foto{

    float: inline-end

 }



 .box2{

    background-color: #d41b84;

    color: black;

    margin-top: 2%;



 }

 h2{

    text-align: left;

    padding-top: 2%;

    padding-left: 2%;

 }

 a {

    color: white;

    text-decoration: none;

 }

/*.cas_text{

    text-align: center;

        padding-left:7%;

        word-spacing:5vw;

        padding-top:3%;

        font-size: 2vw;

    

      

    }



    .cas{

        text-align: center;

        padding-inline:5% ;

        font-size: 6vw;

        font-weight: 900;

        text-align: center;

    }*/

/*galerie*/

.galerie{

    margin-top: 3%;

}



div.scroll-container {

  background-color:#d41b84;

  overflow: auto;

  white-space: nowrap;

  padding: 10px;

}



div.scroll-container img {

  padding: 10px;

}



    footer{

        bottom: auto;

        text-align: center;

        color: white;

    }



    @media (max-width:768px) {

        

       .col-sm-6 {width:100%} 

       .foto{ float: inherit;

    width: 100%;}

    .posun{ padding-top:3%;}

          /*.col-md-12 {

            width:100%;

        }*/

        /*.col-md-4 {width:33.33%;}

         

        

        .col-xs-12 {width:100%}*/

        

    }