*{
    margin: 0px;
    padding: 0px;
}

body {
   
    background-color: rgba(red, green, blue, alpha);
}


#menu ul {
list-style-type: none;
text-align: center;
  }

nav{
    background-color: rgb(19, 1, 65);
}


nav #main-menu li {
    display: inline table;
    text-align: center;
}
nav #main-menu li a{
color: aqua;
text-decoration: none;
display: block;
padding: 8px 30px;
text-align: right;
}
nav #main-menu li:hover a{
    background: #c23616;
    transition: all 0.3s;
}
#toggle{
    display: none;
    background: #353b48;
    color: #fff;
    text-align: right;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
}

.Logo {
    display: flex;  
    height: 160px;
    margin-left: 10%;
    margin-right: 10%;
    }
.Logo-image{
    width: 25%;
}
.Logo-dichvu{
    width: 75%; 
}


.Content{
    margin-top: 100px;
    margin-left: 20%;
    margin-right: 20%;
    text-align: center;
}
.Noidung{
    margin-top: 50px;
    margin-left: 20%;
    margin-right: 20%;
    text-align: left;
}

    

    

.Chantrang{
    display: flex;  
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 100px;
    background-color: black;
}
.Chantrang-noidung{
    width: 30%;
    text-align: left;
    margin-left: 30px;
    margin-right: 30px;
    color:white;
    border:none;
}

/*Mobile: Width < 740px*/
@media only screen and (max-width: 46.1875em) {
    
#main-menu{
    flex-direction: column;
    text-align: center;
}
#toggle{
    display: block;
}
nav{
    display: none;
}
    
    .Logo {
        display: flex;  
        height: 100px;
        margin-left: 10%;
        margin-right: 10%;
        }
    .Logo-image{
        width: 100%;
        text-align: center;
    }
    .Logo-dichvu{
        display: none;
        width: 80%; 
    }


    .Content{
        margin-top: 100px;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
    }
    
    .Noidung{
    margin-top: 100px;
    margin-left: 10%;
    margin-right: 10%;
    text-align: left;
}
    

    .Chantrang{
        display: flex;
        flex-wrap: wrap;  
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 100px;
        background-color: black;
    }
    .Chantrang-noidung{
        width: 100%;
        text-align: left;
        margin-left: 5%;
        margin-right: 5%;
        color:white;
        border:none;
    }
    



}

/*Tablet: Width >= 740px and width <= 1024px*/
@media only screen and (min-width: 46.25em) and (max-動idth: 63.9375em) {
}