body, html {
    margin: 0;
    color:#FF6251;
    font-family: 'Arial';
}

a {
    color:#fff;
    text-decoration: none;
}

body {
    background-color: rgb(234, 211, 177);
    padding-bottom: 0px;
}

#left {
    position: absolute;
    width:10%;
    top:40%;
}

#right {
    position: absolute;
    width: 10%;
    top:40%;
    right:0;
    z-index: 1;
}


#bg {
    width:100%;
    height:auto;
    max-height: 900px;
}

#camera {
    max-height: 20px;
    margin-right:20px
}

#folder {
    max-height: 20px;
    margin-right:20px;
}

#mic {
    max-height: 20px;
    margin-right:20px;
}

.wrapper { 
    overflow:hidden;
    text-align: center;
    font-size: 1.5em;
    letter-spacing:5px;
   
}
  
.wrapper div {
    min-height: 30px;
    padding: 10px;
}

#one:hover {
    opacity:1;
}


#one {
    background-color: #446d8b;
    opacity: 0.65;
    transition: 0.3s;
    float:left;
    margin-right:10px;
    width:33.33%;
}

#one a {
    color: #FF6251;

}

#one:hover {
    opacity:1;
}

#two { 
    background-color: #446d8b;
    opacity: 0.65;
    transition: 0.3s;
    float:left;
    margin-right:10px;
    width:33.33%
}

#two a {
    color: #FF6251;
}

#two:hover {
    opacity:1;
}

#three {
    background-color: #446d8b;
    opacity: 0.65;
    transition: 0.3s;
    overflow:hidden;
}

#three a {
    color:#FF6251;
}

#three:hover {
    opacity: 1;
}


@media screen and (max-width: 400px) {
    #one, #two, #three { 
        float: none;
        width: auto;
        margin-right: 0;
        border-bottom: 10px solid rgb(234, 211, 177);
    }
}


h1 {
    margin-top: 0;
    font-size: 2em;
    background-color: rgb(0, 0, 0);
    padding:10px;
}