@media screen and (max-width: 2400px) {
    
    .container100 {
        float: left;
        width: 100%;
        margin: 0;
        background: #24efef;
    }
    
    .container50 {
        float: left;
        width: 50%;
        background: none;
        margin: 0;
    }

    

@media screen and (max-width: 980px) {
    
    .container100 {
        width: 100%;
        background: #ffff90;
    }
    
    
    .container50 {
        float: left;
        width: 50%;
        margin: 0;
        background: none;
    }
    
    h2 {
        font-size: 24px;
        line-height: 28px;
    }
    
    
    h3 {
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        font-size: 20px;
        line-height: 24px;
    }
    
}

 


@media screen and (max-width: 650px) {
    

    .container50 {
        float: left;
        width: 100%;  
        margin: 0;    
        background: #ffff90;
    }
    
    .content {
        margin: 60px 20px;
    }
    
    #logo {
        margin: 48px 0 0 20px;
    }
    
    
    html {
		-webkit-text-size-adjust: none;
	}

}