/* body {
    background-image: url('Banner_02.png');
  } */
  img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
 .emoji-buttons {
   /*  display: flex;
    justify-content: center; */
    background: none;
    border: none;
    font-size: 60px;
    cursor: pointer;
}
.survey-container {
    position:absolute;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    top:250px;
    left:350px;
}
.question {
    font-size: 20px;
    margin-bottom: 20px;    
}

        .emoji-buttons:hover {
            transform: scale(1.1);
        } 



        .col-xs-15,
        .col-sm-15,
        .col-md-15,
        .col-lg-15 {
            position: relative;
            min-height: 1px;
            padding-right: 10px;
            padding-left: 10px;
        }
        .col-xs-15 {
            width: 20%;
            float: left;
        }
        @media (min-width: 768px) {
        .col-sm-15 {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 992px) {
            .col-md-15 {
                width: 20%;
                float: left;
            }
        }
        @media (min-width: 1200px) {
            .col-lg-15 {
                width: 20%;
                float: left;
            }
        }