body{
    font-family: sans-serif;
    box-sizing: border-box;
}
.all{
    width:96%;
    height:100vh;
    margin: auto;
    border: 1px solid #041154;
    box-shadow: -2px 2px 3px 2px #041154;
    background: white;
    position: relative;
}
.title{
    text-align: center;
    font-weight: bold;
    color: #041154;
}
img{
    width: 90%;  
    margin: auto;
    display: block;
}
.footer{
    text-align: center;
    color: white;
    height: 10vh;
    width:96%;
    box-shadow: inset 1px -1px 1px 1px #7f7f7f;
    bottom:0;
    padding:10px;
    background: #041154;
    position: fixed;
}
.head{
    box-shadow: inset 1px 1px 1px 1px #7f7f7f;
    height: 20vh;
    text-align: center;
    color: white;
    position: absolute; 
    width:100%;
    background: #041154;
}
.tinyDiv{
    height: 5vh;
    width:100%;
    background:#015;
    box-shadow: inset 1px 0px 1px 1px #7f7f7f;
    margin-top: 20vh;
}
.tinyDiv input[type=text] {
    color:#fff;
    width:200px;
    height:100%;
    position: relative;
    text-align: center;
}
.tinyDiv ::-webkit-input-placeholder {
    color: #888;
}
.myBtns{
    float: right;
    height: 100%;
    display: flex;  
}
.myBtns a{
    padding: 5px;
    border: 1px solid #888;
    margin-left: 20px;
    color: #fff;
    cursor: pointer;
    width: 100px;
    text-align: center;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 0 0 5px #ccc;
    text-decoration: none;
}
.myRow{
    background-image:url('img/backG.jpg');
    height: 65vh; 
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
h3{
    color: white;
}
@media screen and (max-width: 480px) {
    .tinyDiv input[type=text] {   
        width:39%;
        height:100%;   
    }
    .myBtns{
        height: 100%;
        width: 60%;
    }
    .myBtns a{
        padding: 5px;
        margin-left: 5%;
        width: 45%;  
    }
}
@media screen and (max-height: 480px) {
    .head{
        height: 17vh;
    }
    h2{
        position: relative;
        top: -5vh;
    }

    .tinyDiv{
        height: 8vh;
        margin-top: 17vh;
    }
    .tinyDiv input[type=text] {   
        width:39%;
        height:100%;   
    }
    .myBtns{
        height: 100%;
        width: 60%;
    }
    .myBtns a{
        padding: 5px;
        margin-left: 5%;
        width: 45%;  
    }
}