*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Merienda', cursive; }

li{ list-style: none; }

a, a:hover{ text-decoration: none; }

img{ margin: 0; padding: 0; display: block; max-width: 100%; width: auto; }

h1{ color: #fff; }

/*body{    background-color: #783f96; }*/
body {
        background: url(../../bg-img/background-bg.png) no-repeat center center;
    background-size: cover;
}





.tom-img{position: relative;}

input {

    position: absolute;

    text-align: center;

    background-color: transparent;

    border-left: 0;

    border-right: 0;

    border-top: 0;

    border-bottom: 5px solid #000;

    width: 174px;

    color: #fff;

    font-size: 18px;

}

form.tom-text input{    top: 7%;

    left: 53%;}

form.tom-text-1 input {

    top: 24%;

    left: 70%;

    width: 186px;

}

form.tom-text-2 input {

    top: 59%;

    left: 20.5%;

    width: 113px;

}

form.tom-text-3 input {

    top: 20%;

    left: 26.5%;

    width: 113px;

}



form.tom-text-4 input {

    top: 37%;

    left: 83.78%;

    width: 91px;

}

/*.img-section {

    background: url(../images/bg.png) no-repeat center center;

    background-size: cover;

    width: 50%;

    vertical-align: middle;

    height: 325px;

    justify-content: center;

    align-items: center;

    display: flex;

}



#imgInp-1,#imgInp{ opacity: 0; }



#exampleInputEmail1{ background:url(../images/text.png) no-repeat center center; background-size: cover; border:0; text-indent: 15px; }

.form-group label{ font-size: 24px; }*/

















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



}



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



}



@media only screen and (min-width: 480px) and (max-width: 767px) {



}



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

img{ height: auto; }

h1{ font-size: 14px;}

h1 img{ height: 30px; }



.img-section { width: 100%; height: 360px; }



}