.Monitor { margin: 0.3em -8px; }

/* color for all text*/
h1, p { margin-left: 20px; }

img {
    width: 85%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

button { 
    float: right; 
    margin-right: 20px;
}

#edit { margin-top: -30px; }

.Info {
    height: 409px;  
    background: #0094ff;
    margin: -25.5px -8px 0 -8px;
}

.Info > h1 {
    text-align: center;
    margin-left: 0;
}

.Info > p {
    margin-left: 110px;
    margin-right: 150px; 
}

.Container2D, .Container3D, .ContainerUpdate {
    height: 368px;
    margin: 0 -8px 0 -8px;
}

.Container2D { background: #0d47a0; }

.Container3D { background: #8bc34a; }

.Container3D > button { margin-right: 520px; }

.ContainerUpdate {background: #0094ff;}

.Info2D:hover { background-color: #093575; }

.Info3D:hover { background-color: #5C8231; }

.InfoUpdate:hover { background-color: #00538F; }

.Container3D > .Overlayer {
    margin-left: auto;
    margin-top: -368px;
}

.ContainerUpdate > .Overlayer { background: #0d47a0; }

.Slideshow-container {
    width: 500px;
    height: 100%;
    margin-top: -369px;
}

.GamingSlides2D, .GamingSlides3D, .GamingSlidesUpdate{
    padding-top: 5%;
}

.Overlayer {
    max-width: 500px; 
    height: 100%;
    margin-left: -8px;
}

.Next { margin-left: 458px; }

@media (min-width:500px)
{
    #moveToRight { float: right; }
    
    .Info2D {
        height: 100%;
        margin-top: -388px;
        margin-left: 491px;
    }
    
    .Info3D { 
    background: #8bc34a;
    height: 100%; 
    margin-right: 500px;
    }
    
    .Info3D > h1, .Info3D > p { 
    margin-left: 4px; 
    margin-top: 0;
    }
    
    .InfoUpdate { 
        height: 100%;
        margin-top: -388px;
        margin-left: 491px;
    }
}

@media (max-width:500px)
{
    h1 {
        margin-left: 10px;
        font-size: 24px;
    }
    
    .Info > h1 {
        font-size: 24px;
        padding-top: 10px;
    }
    
    .Info > p {
        margin-left: 5px;
        margin-right: 3px;
    }
    
    img {
        margin-top: 30px;
    }
    
    .Info2D {
        background: #0d47a0;
        height: 100%;
    }
    
    .Info3D {
        background: #8bc34a;
        padding-top: 350px;
        height: 100%;
    }
    
    .InfoUpdate {
       background: #0094ff;
       height: 100%;
    }
    
    .Container3D {
        margin-top: 350px;
    }
    
    .Container3D > .Overlayer {
        margin-top: -718px;
    }
    
    .ContainerUpdate {
        margin-top: 350px;
        margin-bottom: 350px;
    }
    
    .Slideshow-container {
        width: 100%;
        margin-bottom: -15px;
    }
    
    .Next { margin-left: 92%; }
}