@font-face{
    font-family: "Nunito";
    src: url(fonts/Nunito-Regular.ttf);
    }
    *{
        font-family: "Nunito", sans-serif;
        margin:0; padding:0;
        box-sizing:border-box;
        outline:none; border:none;
        text-decoration:none;
     
        transition: all .2s linear;
       
    }
    :root{
        --orange:#f58d3d;
        --black:#2c2c54;
    }
    h3{
        margin-bottom: 1rem;
        color:var(--black);
    }
    .row{
display: -ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -16px;

    }
    .col-50{
        -ms-flex: 50%;
        flex:50%;
    }
    .col-75{
        -ms-flex: 75%;
        flex:75%;
    }
    .col-25, .col-50, .col-75 {
padding: 0 16px;
    }
    .container{
        background-color: #f2f2f2;
        padding:5px 20px 15px 20px;
        border: 1px solid lightgrey;
        border-radius:3px;
    }
input[type=text]{
    width:100%;
    margin-bottom: 20px;
    padding:12px;
    border: 1px solid #ccc;
    border-radius:3px;
}
label{
    margin-bottom:10px;
    display:block;
}
.icon-container{
    margin-bottom:20px;
    padding:7px 0;
    font-size:30px;
}
.btn{
    
    width: 80%;
    font-size:17px;
    cursor:pointer;
    border-radius:3px;
    align-items:center;
    background:var(--orange);
    color:#fff;
    padding:12px;
    margin:10px 10%;
    border:none;
    text-align:center;

}
.btn:hover{
background:var(--black);
}
 #pad{
    padding-right:.3rem;
}
.down {
   margin-left:30%;
    width: 40%;
    text-align: center;
    color:#fff;

}

@media(max-width:800px){
    .row{
        flex-direction:column-reverse;
        
    }
    .col-25{
        margin-bottom:20px;
    }
}