* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*Header*/

.navbar-brand img{
    width:200px;
    height:auto;
    margin-right:800px;
}

/*First Section*/

#bg {
    background-image: linear-gradient(to right, #191970, #00CED1)
}

#block{
    padding:30px;
    color:white;
}

#block h1{
    font-size:50px;
    font-weight:700;
}

#block p{
    font-size:22px;
}

#box {
    border: 1px solid white;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 7px 4px #191970;
}

#box h2{

}

#wave img {
    width: 100%;
    height: 100px;
    margin-top: -60px;
}

/*Grid Section*/

#img {
    background-image: linear-gradient(to bottom right, #191970, #00CED1);
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    border-radius:7px;
    padding-top: 50px;
    padding-bottom: 50px;
}

 /*Say & Hello*/

/*#red {
    width:100%;
    height:auto;
    background-image: linear-gradient(to bottom left, darkred, red);
    padding: 100px 300px;
}

#red p{
    font-size:18px;
    color:grey;
}

#red .input{
    padding:10px 20px;
}

#button{
    font-size:25px;
    font-weight:bold;
    padding:22px 40px;
    background-color:blue;
    color:white;
    border-radius:50px;
}
*/
/*Footer*/

footer{
    background-color:dodgerblue;
    color:white;
}

#left {
    text-align: left;
    font-size: 18px;
}

#right{
    text-align:right;
    font-size:18px;
}

#right i {
    color:blue;
}

/*Binary Page*/

#cimg {
    width: 100%;
    height: 250px;
}

#cimg:hover {
    /*border-right: 5px solid #191970;
    border-left: 5px solid #00CED1;
    border-bottom: 5px solid #191970;*/
    border: 5px solid #00CED1;
}

/*Media Query*/
@media screen and (max-width:425px) {
    .navbar-brand img {
        width: 150px;
        height: auto;
        margin-right: 0px;
    }

    #block h1 {
        font-size: 45px;
    }

    #block p {
        font-size: 15px;
        text-align: justify;
    }

    #box p {
        text-align:center;
    }

    #red {
        width: 100%;
        height: 500px;
        padding: 10px 30px;
    }

    #red p{
        font-size: 15px;
        text-align:justify;
    }

    #button {
        font-size: 20px;
        padding: 15px 25px;
    }

    #left {
        text-align: center;
    }

    #right {
        text-align: center;
    }
}