.border {
    border: 3px solid rgba(252, 118, 22, 0.98);
    width: 90%;
    border-radius: 3em;
    margin: 10px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.border1 {
    border: 3px solid rgba(252, 118, 22, 0.98);
    width: 80%;
    height:50px;
    border-radius: 3em;
    margin: 10px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.head {
background-repeat: repeat-x; 
box-shadow: 0px 5px 10px gray; 
background-color:#3358FF;
width:93%;
}

.hdl {
    font-weight: 700;font-size: 30px; color: #FFFFFF;
}

@media screen and (max-width: 600px) {
    .hdl.responsive {
    font-weight: 700;font-size: 20px; color: #FFFFFF;
    }
}

.bd {
    width: 49%;
    height: 570px;
    
}
.bd1 {
    width: 49%;
    height: 970px;
 
}

.bd2 {
    width: 49%;
    height: 690px;
    
}

.bd3 {
    width: 49%;
    height: 690px;
    float: right;
}

@media screen and (max-width: 600px) {
    .border.responsive {
        width: 90%;
        height: 1200px;        
    }
    .border1.responsive {
        width: 90%;
        height: 1120px;
    }
    .bd.responsive {
        width: 100%;
        height: 370px;
        padding-left:13px;
        
    }
    .bd1.responsive {
        width: 100%;
        height: 780px;
        padding-left: 13px;
    }
    .bd2.responsive {
        width: 100%;
        height: 620px;        
    }

    .bd3.responsive {
        width: 100%;
        height: 410px;
    }
}


.lbl {
    width: 90%;
    float: left;
    margin-top: 20px;
}
.textbx {
    width: 90%;
    float: left;
    margin-top: 20px;
}

@media screen and (max-width: 600px) {
    .lbl.responsive {
     width:90%;
    }
    .textbx.responsive {
        width:90%;
    } 
}

.t {
    box-shadow: 0px 5px 10px gray;
    font-weight: bold;
    padding: 5px;
}
.t1 {
    display: inline-block;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    font-family:'Modern No. 20';
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-image: linear-gradient(red, yellow);
    border: none;
    border-radius: 15px;
}

    .t1:hover {
        background-image: linear-gradient(#35eeba, #3358FF);
    }

.t1:active {
    background-image: linear-gradient(red, yellow);
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.t2 {
    display: inline-block;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Modern No. 20';
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-image: linear-gradient( yellow,red);
    border: none;
    border-radius: 15px;
}

    .t2:hover {
        background-image: linear-gradient(#35eeba, #3358FF);
    }

    .t2:active {
        background-image: linear-gradient(yellow,red);
        box-shadow: 0 5px #666;
        transform: translateY(4px);
    }

.dm {
    width: 90%;
    padding: 15px;
}
.l{
    float:left;
}