* {padding: 0; 
        margin: 0; 
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-style: normal;
    }
 
div#mainInfo * {padding-top: 2%;
                }
div#mainInfo {margin-bottom: 10%;}
p#type {padding-left: 3%;}
div#mainInfo h1,h3,div#briefDesc {padding-left: 3%;}

div#otherMetadata * {padding-top: 1%;}

div.tableContainer {text-align: center;}

table.mainMD {border-collapse: collapse;
                table-layout: fixed;
                width: 100%;
                vertical-align: middle !important;
                font-size: xx-small !important;
}

div#social i {height: 200%, !important; 
        width: auto !important;}

table.mainMD tr {border: solid 1px black;
                display: flex;
                justify-content: space-between;
                vertical-align: middle; 
                align-items: center;               
                margin-bottom: 10px;
                padding:15px;
                font-size: small !important;}

table.mainMD th {text-align: left;}

/*ABOUT US*/

@media screen and (max-width: 500px) {
        img.imgAU {
                width:50% !important;
        }
}
@media screen and (min-width: 500px) {
        img.imgAU {
                width: 15% !important;
        }
}

#titleAU {
        padding-top: 10%;
}
.normalButtons:hover {color:#f50045 !important}
.coolWords {font-size: 954%;
        margin: 0%;
        height: 13.4%;
        align-content:start;}

/*END ABOUT US*/

table.mainMD tr:hover, .ourButtons:hover {background-color: #f50045 !important;
                        color:white !important;
                border: solid 1px #f50045 !important;
                }

button.prevNxt:hover {  
        background-color: #f50045;
        color:white;
        border: solid 1px #f50045;
}

table#otherMD1, table#otherMD2 {table-layout: fixed;
        }
table#otherMD1 th, table#otherMD2 th, #keyWords p, #type-info {
        font-weight: 600;
}
table#otherMD1 th,table#otherMD1 td, table#otherMD2 th, table#otherMD2 td {font-size: small !important;
                
                flex-grow: 0.5;
                }

div#descCarosel {margin-top: 10%;
                border-top: solid 1px black;
                padding-bottom: 0% !important;       }

div#description {height: 416px;
                padding: 5%;
                padding-top: 10%;
                overflow-y: scroll;
                
}
div#bImg {border-left: solid 1px black;}

@media screen and (max-width: 1201px) {
        div#description {height: 300px;
        width: 100%;
        object-fit: fill;
        border-bottom: solid 1px black;}
        div#descCarosel {margin-top: 10%;
                padding: 0%;
                border-top: solid 1px rgb(0, 0, 0);}
        div#bImg {border-left: solid 0px rgb(255, 255, 255);}
        }

::-webkit-scrollbar {
        width: 5px;
        }
        
::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgb(255, 255, 255);
        border-radius: 0px;
        }
        
::-webkit-scrollbar-thumb {
        background: rgb(0, 0, 0);
        border-radius: 0px;
        }

#button {border-radius: 0%;}
#button:hover {background-color: #f50045;
        color:white;
border: solid 1px #f50045;}

@media screen and (max-width: 600px){
        div#Img {
                padding-top: 10%;
                padding-left: 11%;                
        }
        div#mainInfo {
                padding-right: 10%;
        }
        div#navigation {
                margin:0%;
                padding: 5% !important;
                padding-left: 15% !important;
                padding-right: 15% !important;
        }

        div#navigation div p {
                margin: 2%;
                padding: 0% ;
        }
        div#navigation div {
                padding-bottom: 2% !important;
        }
        div#description {
                overflow-x: hidden;
        }
        div#descBut1, div#descBut2, div#descBut3 {
                justify-content: center !important;
                
        }
        div#descBut2 div {
                display: flex !important;
                padding: 0% !important;
        }
}