*{

    margin: 0px;

    padding: 0px;

}

.wrap-nav{

    width: 100%;

    position: relative;

    /*height: 100vh;*/

    /*background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(9,9,121,1) 35%, rgba(2,0,36,1) 100%);*/

    padding: 0;

    /*margin-bottom: 10px;*/

    background-color: #0099ff;

}



._nav{

    padding: 10px;

    /*height: 100px;    */

    height: auto;

    position: fixed;

    top:0;

    z-index: 999;    

}



._scroll{

    background-color: #0099ff;

    /*z-index: 999;*/

    width: 100%;

    height: 100px;

    transition:  1.7s;

}



._logo{

    line-height: 80px;

    /*float: left;*/

    position: fixed;

    left: 10px;

}



._nav-brand{

    height: 80px;

    text-transform: uppercase;

    position: fixed;

    left: 10px;

}



._nav-menu{

    position: fixed;

    right: 10px;  

    list-style-type: none;

}



._nav-menu li{

    display: inline-block;

    padding: 20px;    

    vertical-align: top;

}



._nav-menu li a{

    color: #fff;

    text-decoration: none;

}



#chk{

    visibility: hidden;

    position: absolute;

    z-index: -1111;

}



.show-menu-btn{

    float: right;    

}

.show-menu-btn,.hide-menu-btn{    

    display: none;

    font-size: 40px;

    color: #fff;

}



.show-menu-btn:hover,.hide-menu-btn:hover{    

    color: orange;

    transition:  0.7s;

}

.fixed-position{

    position: absolute;

    top:100px;

    right: 20px;

    height: 200px;

    width: auto;

}





.item img{

    opacity: 0.5;

}



.carousel-inner{

    background-color: #000000;

}



.carousel-inner > .item > img, .carousel-inner > .item > a > img {

    display: block;

    height: auto;

    min-width: 100%;

    width: 100%;

    max-width: 100%;

    line-height: 1;

}



.bg-color{

    background: #0099ff;

    width: 100%;

    padding: 20px;

    text-transform: uppercase;

    color: white;

    min-height: 50vh;

}



.info{

    position: absolute;

    bottom: 10px;

    right: 15px;

    text-transform: uppercase;

    background-color: green;

    color: white;

    padding: 10px;

}



@media screen and (min-width: 801px)

{

     #myCarousel{

        margin-top: 0;

        transition: 1.7s;

    }

}

@media screen and (max-width: 800px){

    #myCarousel{

        margin-top: 100px;

        transition: 1.7s;

    }

    ._nav{

        padding: 10px;

        height: 100px;    

        position: fixed;

        top:0;

        z-index: 999;

        background-color: #0099ff;

        width: 100%;

        transition:  1.7s;    

    }



    ._logo{

        position: fixed;

        left: 10px;

    }



    ._nav-menu{            

        right: -60%;

        background-color: #0099ff;

        width: 60%;

        height: 100vh;        

        transition:  1.7s;    

        padding-top:90px;

        padding-bottom:  20px;

    }



    ._nav-menu li{

        display: block;

        padding: 0;

        text-align: center; 

        font-size: 16px;

    }



    ._nav-menu li a{

        color: #fff;

        display: block;

        padding: 10px;

        text-decoration: none;

    }



    ._nav-menu li a:hover{

        color: #0099ff;

        background-color:#fff; 

        text-decoration: none;

    }



    #chk{

        visibility: hidden;

        position: absolute;

        z-index: -1111;

    }



    .show-menu-btn,.hide-menu-btn{    

        display: block;

    }



    .hide-menu-btn{

        position: absolute;

        top:10px;

        right: 40px;

    }



    #chk:checked ~ ._nav-menu{

        right: 0;        

    }

    h1{

        font-size: 30px;

        transition: 1.7s;

    }

}



@media screen and (max-width: 480px)

{

    body{

        width: 480px;

    }

    h1{

        font-size: 24px;

        transition: 1.7s;

    }

}