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

header label {
    display:block;
}
    header label {
        position:absolute;
        right:50px;
        top:28px;
        cursor: pointer;
    }
    
    header label i {
        transition: 1s;
    }
    
    header label i:hover {
    color:#becde5;
    }
    
    header nav ul li {
        font-size:30px;
        
    }
    
    header nav {
        margin-right:105px;
        transition: all 1s;
        display:none;
    }
        
    input:checked + label + nav {
      		display: block;
            
    }
    
    header ul {
    margin-top:68px;    
    }
    
    header ul li {
    float:none;
    list-style-type: none;
    font-size: 16px;
    line-height: 40px;
    padding:0 10px;
    transition: all 0.7s;
    display:block;
    background-color:#000;
    margin-bottom:0px;
    border:none;
    text-align:center;
    border-bottom:1px solid #becde5;
    border-left:1px solid #becde5;
    border-right:1px solid #becde5;
    
}
    
    header ul li:first-child {
        border-top:1px solid #becde5;
        border-left:1px solid #becde5;
    border-right:1px solid #becde5;
    }
    
    header ul li a {
        font-size:20px;
    }
    
    #center h3 {
    font-size:30px;
    padding:70px 10% 40px 30%;
    color:#c9ddff;
    
}
    #prefooter iframe {
    float:left;
    width:30%;
    height:350px;
    padding:25px 0 0px 5%;
}
    
    .products img {
    display:block;
    float:left;
    width:45%;
    padding:25px 3%;
}

}

@media screen and (max-width: 650px) {
    
    header {
    width:100%;
    background-color:#162133;
    height:80px;
    position:fixed;
    top:0;
    z-index: 1000;
}
    
    header #logo {
    width:300px;
    margin:20px 0 0 2%;
}
    
    header label {
        position:absolute;
        right:20px;
        top:20px;
        cursor: pointer;
    }
    
    section {
    background:#becde5;
    margin-top:80px;
}
    
    #intro h1 {
    display:block;
    background-color:#162133;
    text-align:center;
    margin-left:3%;
    text-transform: uppercase;
    color:#becde5;
    width:330px;
    font-size:18px;
    letter-spacing:2px;
    line-height: 40px;
    position:relative;
    top:-50px;
    text-indent:5px;
    font-weight: normal;
}
    
    header ul {
    margin-top:47px;    
    }
    
    #firstside p, #secondside p {
    padding:10px;
    text-indent:20px;
    font-size:14px;
    color:#c9ddff;
    text-align:justify;
}
    
    #firstside a {
    font-size:16px;
    margin-left:30%;
    
}
    
    #sidebar h2 {
    color:#becde5;
    font-weight: normal;
    padding-top:30px;
    text-indent:5%;
    padding-bottom:15px;
    font-size:20px;
}
    
    #thirdside h3, #thirdside p {
    color:#c9ddff;
    text-indent:10%;
    font-weight:normal;
    font-size:16px;
}
    #thirdside h3 {
        font-weight: bold;
    }
    
    #firstarticle h2 {
    font-size:20px;
    }
    
    #firstarticle p {
        font-size:18px;
    }
    
    #secondarticle li, #thirdarticle li {
    padding:0 0 5px 10%;
    font-size:16px;
}
    #secondarticle p {
    font-size:16px;
    }
    #thirdarticle p {
        font-size:22px;
    }
    
    #secondarticle a {
        margin-left:25%;
    }
    #left h3 {
    font-size:26px;
    padding:30px 10px 0px 10%;
    color:#1750aa;
    text-decoration: underline;
}
    #left p {
        font-size:16px;
    }
    #center h3 {
    font-size:26px;
    padding:20px 10% 20px 30%;
    color:#c9ddff;
    
}
    #center li {
    font-size:16px;
    padding:5px 0 5px 15%;
    color:#e8f0ff;
}
    
    #about h2, #products h2, #certificates h2 {
    text-align:center;
    font-size:26px;
    display:block;
    width:50%;
    margin:0 auto;
    border-bottom:1px solid #000;
    line-height: 80px;
    margin-bottom:40px;
    
}
    
    #products h2, #about h2 {
        margin-bottom:10px;
    }
    
    #products h2 {
        width:90%;
    }
    
    #about p {
    padding:0 10% 20px 10%;
    font-size:18px;
    text-indent:25px;
}
    
    #about h3 {
    font-size: 22px;
    text-align:center;
    padding:30px 10px 50px 10px;
}
    
    #about h2 {
    margin-bottom:10px;
    }
    
    .products img {
    display:block;
    float:left;
    width:50%;
    padding:25px 3% 10px 5%;
}
    
    .products img:last-child {
        margin-bottom:30px;
    }
    
    .products h3 {
    font-size:18px;
    padding:30px 0 20px 0px;
}
    
    .products p {
        font-size:16px;
        padding-left:10%;
    }
    
    #secondarticle, #thirdarticle {
    float:none;
    width:100%;
    border-top:none;
    border-bottom:none;
    min-height:0px;
}
    #thirdarticle p {
    padding:0 10% 40px 10%;
}
    
    #prefooter #left, #prefooter #center {
    width:100%;
    float:none;
}
    
    #prefooter iframe {
    float:none;
    width:80%;
    height:300px;
    padding:25px 0 50px 0%;
    display: block;
        margin:0 auto;
}
   #leftcontact i, #centercontact i, #rightcontact i, #firmcontact i, #schedule i, #webcontact i {
    font-size:30px;
}
    
    #leftcontact p, #centercontact p, #rightcontact p {
    font-size:16px;
    padding:20px 15%;
}
    
    #schedule p {
    font-size:16px;
}
    #firmcontact h3 {
        font-size:16px;
    }
    #firmcontact p {
        font-size:16px;
    }
    #webcontact p a{
        font-size:16px;
    }
    
    #certificates img {
    width:50%;
    margin:0 50px 50px 50px;
    transition:1s;
}
    
}

@media screen and (max-width: 400px) {
    #sidebar {
    width:35%;
    background-color:#162133;
    height:100%;
    float:left;
    display:none;
}
    
    #main {
    width:100%;
    background-color:#becde5;
    min-height:600px;
    float:left;
}
    
    #firstarticle h2 {
    font-size:18px;
    }
    
    header #logo {
    width:230px;
    margin:23px 0 0 2%;
}
    
    #intro h1 {
    display:block;
    background-color:#162133;
    text-align:center;
    margin-left:3%;
    text-transform: uppercase;
    color:#becde5;
    width:280px;
    font-size:16px;
    letter-spacing:1px;
    line-height: 35px;
    position:relative;
    top:-50px;
    text-indent:5px;
    font-weight: normal;
}
    
    #design {
    position:absolute;
    right:2%;
    line-height:50px;
    color:#1750aa;
    font-size:12px;
}
    
    #copy {
        font-size:12px;
    }
    
    
    
}