@media (max-width: 1600px) {
 
}/*1600*/

@media (max-width: 1366px) {
 
}/*1366*/
@media (max-width: 1199px) {

}/*1199*/
@media (max-width: 1024px) {
html{font-size: 50%;}
#cssmenu > ul > li > a {padding: 22px 10px;}
}/*1024*/
@media (max-width: 991px) {
.main-logo img{width: 100%;}
.button{top: 24px;}
.button::before{background: #f0dbb4;}
.button::after{border-top: 2px solid #f0dbb4;border-bottom: 2px solid #f0dbb4;}
.button.menu-opened::before{background: #f0dbb4;}
.button.menu-opened::after{background: #f0dbb4;}
#cssmenu > ul{float: none;background: #282828;}
#cssmenu > ul > li > .contact-btn{background: none; text-decoration: none;color: #f0dbb4; padding: 18px 10px; margin: 0;}
#cssmenu > ul > li > .contact-btn:hover {color: #f0dbb4;}
.stack-img img{width: 100%;}
}/*991*/
@media (max-width: 768px) {
html{font-size: 45%;}
.button {top: 10px;}
}/*768*/
@media (max-width: 650px) {
.main-header{position: relative; background: #282828;}
.main-logo{text-align: center;}
.main-logo img{max-width: 300px;}
#cssmenu > ul > li > a {padding: 16px 10px; font-size: 2rem}
.iconbox img{max-width: 60px;}
.stack-heading p br{display: none;}
.footer-left {text-align: center;}
.footer-right {float: none; text-align: center;}
.stack__card, .teamstack__card{padding: 6rem 2rem;}
.stack-img{text-align: center; margin-top: 2rem;}
.stack-img img{max-width: 278px;}
.horiaontextbottom h3 br{display: none;}

}/*650*/
@media (max-width: 550px) {
.footer-nav a{margin: 0 .5rem;}

}/*550*/
@media (max-width: 480px) {

}/*480*/
@media (max-width: 450px) {

}/*450*/
@media (max-width: 420px) {
.teamstack__card h3{line-height: 4.2rem;}
.iconbox{border-right: 0;width: 47%;border-bottom: 1px solid #f0dbb4;margin: 7px 5px;padding-bottom: 12px;}
.footer-logo img{width: 100%; max-width: 300px;}
.footer-nav{flex-direction: column; margin-bottom: 3rem;}

}/*420*/
@media (max-width: 414px) {
}/*414*/
@media (max-width: 380px) {

}/*380*/
@media (max-width: 360px) {
.iconbox{width: 100%;} 
}/*360*/
@media (max-width: 320px) {

}/*320*/