.header{
    background-color:#C2EEFF;
}

.navbar{
    font-family: 'Kaushan Script', cursive;
}

.navbar-toggler{
    float: right;
}

h1{
    margin: 0px;
}

.head{
    background-image:url(../html/img/1cfe31a277d41c9480507109e24768ad_w.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.head img{
    width: 45px;
    height: 45px;
}

.head p{
    margin-bottom: 0px;
    text-align: left;
    font-weight: bold;
}

.top-wrapper{
text-align: left;
}

.top-wrapper{
background:#CCCCFF;
background-size: cover;
font-size:15px ;
}


.shitsumon{
    margin-top: 50px;
}


.top-wrapper label{
    margin-left: 10px;
}


h2{
    text-align: center;
    padding-top: 50px;
}

.btn{
    width: 200px;
    
}

.result{
 background-color:#EAD9FF;
 width: auto;
 height: auto;
 } 



.foot col{
  padding:50px ;
}


.foot img{
width:210px;
height:150px;
}


footer{
    height:100px ;
    background-color:#CC0099;
}


footer .container{
padding-top: 45px;
}


@media (max-width: 1200px){
.h1,h1{
    font-size: calc(1.5rem + 1.5vw);
}
}


@media (max-width: 1200px){
.h2, h2 {
    font-size: calc(1.15rem + 0.05vw);
}
}

@media (max-width: 1200px){
.navbar, .navbar {
    font-size: calc(0.9rem + 0.05vw);
}
}


@media (max-width: 1200px){
.li,li {
    font-size: calc(0.8rem + 0.005vw);
}
}

@media (max-width: 1200px){
.p,.p-2{
        font-size: calc(0.8rem + 0.005vw);
    }
    }

@media (max-width: 1200px){
.result,.p{
        font-size: calc(0.8rem + 0.005vw);
    }
    }