html{
    overflow-x: hidden;
}
.vdebaie{
    font-size: 1.75em;
    text-decoration: none !important;
    color: gainsboro;
}

.vdebaie:hover {
    text-decoration: none !important;
    color: white;
}
@media screen and (max-width: 960px){
    .vdebaie{
        font-size: 1.05em;
        text-decoration: none;
    }
}
@media screen and (max-width: 620px){
    .vdebaie{
        font-size: 2em;
        text-decoration: none;
    }
}
}
/* 
	Home
*/
.textwhite {
    color: white;
}
.text-bg{
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 40px;
}
.text-body{ 
    color: rgb (0,255,255);
    margin: 1.5em; 
    text-align: justify;
    text-indent: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    
}

/* 
	About
*/
.company-container{ 
    width-max: 950px;
    height: 680px;
    white-space: nowrap;
}
.company-spacer{
    display: inline-block;
    position: relative;
    width: 15%;
}

@media screen and (min-width: 866px){

.companies-lg {
    display: inline-block;
    position: relative; 
    visibility: visible;
    margin-top: -20px;
}

.companies-sm{
    display: none;
    visibility: hidden;
    position: none; 
    visibility: hidden;
}
    
    
}

@media screen and (max-width: 865px){
.companies-lg {
    position: relative; 
    display: none;
    visibility: hidden;
}
.companies-sm{
    display: inline-block;
    position: relative; 
    visibility: visible;
    margin-top: -35px;
}
    

}

/* 
	Portfolio
*/
#portfolio {
    padding: 15px;
    overflow-x: hidden;
    text-align: justify;
    text-transform: capitalize;
}
.quote {
    width: 500px;
    float: none;
    margin-left: 30%;
    font-size: .75em;
    text-align: right;
    
}
.lowercase {
    text-transform: lowercase;
}
.game-tittle{
    margin-top: -70px;
}
.game-tittle-desc{
    text-align: left;
    color: black;
    margin-right: 2em;
}
.rb6-desc, .batman-desc, .poptt-desc{
    text-align: left;
    font-size: 0.9em;
    margin-right: 2em;
    color: black;
}
.kkong-desc, .avatar-desc, .surfup, .kpos-desc, .antbully-desc, .bbruised-desc{
    text-align: left; 
    margin-left: 25px;
    margin-right: 2em;
    color: black;
}

/* 
    Contact
*/
.contact-container {
    display: inline-block;
    position: relative;
    width: 290px;
}
.icon:hover{
    background-color: black;
    color: white;

}
.emailadress-container {
    display: inline-block;
    position: relative;
    width: 290px;
    margin-top: 10px;
    font-size: 1.6em;
}