@media (min-width:1px) and (max-width:299px) {

.social-media-buttons {display:block; height:40px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:10px; width:10px; padding:3px; margin:5px 30px 0px 30px; font-size:1.5em; color:#333;}
.social li a:hover {color:#000;}
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:440px;}

}

@media (min-width:300px) and (max-width:499px) {

.social-media-buttons {display:block; height:40px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:10px; width:10px; padding:3px; margin:5px 30px 0px 30px; font-size:1.5em; color:#333;}
.social li a:hover {color:#000;}
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:440px;}


}
@media (min-width:500px) and (max-width:799px) {

.social-media-buttons {display:block; height:40px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:10px; width:10px; padding:3px; margin:5px 45px 0px 45px; font-size:1.5em; color:#333;}
.social li a:hover {color:#000;}
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:440px;}
}

@media (min-width:800px) and (max-width:899px) {

.social-media-buttons {display:block; height:40px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:10px; width:10px; padding:3px; margin:5px 80px 0px 80px; font-size:1.5em; color:#333;}
.social li a:hover {color:#000;}
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:740px;}
}

@media (min-width:900px) and (max-width:1049px) {
	
.social-media-buttons {display:block; height:60px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:10px; width:10px; padding:3px; margin:5px 95px 0px 95px; font-size:2.2em; color:#333;}
.social li a:hover {color:#000;}		
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:860px;}

}		
@media (min-width:1050px) and (max-width:1506px) {
	
.social-media-buttons {display:block; height:60px; width:100%; position:relative; float:right; box-sizing:border-box;}

.social {position:relative;}
.social li {display:inline-block;}
.social li a {display:inline-block; height:20px; width:20px; padding:3px; margin:5px 110px 0px 110px; font-size:2.6em; color:#333;}
.social li a:hover {color:#000;}	
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:1024px;}
}
@media (min-width:1507px) {

.social-media-buttons {display:block; height:70px; width:100%; position:relative; float:right; position:relative; top:30px; box-sizing:border-box;}

.social {position:relative; }
.social li {display:inline-block;}
.social li a {display:inline-block; height:20px; width:20px; padding:3px; margin:5px 150px 0px 150px; font-size:2.8em; color:#333;}
.social li a:hover {color:#000;}		
.footer-menu-wrapper {display:table; margin: 0 auto; margin-bottom:0px; width:1324px; top:40px;}	

}

