/*
Theme Name: Milkbox Ice Creamery
Description: Milkbox Ice Creamery opens July 12, 2014 in the newly renovated Union Station in Denver. Located in the former barbershop space adjacent to the Great Hall, Milkbox will stock sixteen flavors of ice cream from Little Man Ice Cream, available as shakes, malts, sundaes, cones and cups. One of the most perfectly preserved spaces in the historic building, this charming shop features the original large mirrors, terrazzo floor and subway tiles.
Version: 3.0 JB
Author:car•ma Updated: Josh Bergman
Theme URI:http://milkboxicecream.com/ 
Author URI:

*/
@charset "UTF-8";
* { margin:0; padding:0; outline:none; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box}

ul { list-style-type:none;}
.wrapper { width:100%; float:left; position:relative;}
img { max-width:100%;}
body{background-color:#fefad5; color:#000;}
img{border:none;}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin:0 10px 10px 0;
}

.alignright {
	float: right;
	margin:0 10px 10px 0;
}

@font-face {
    font-family: 'AmericanBreweryRoughDemoRegular';
    src: url('fonts/american.eot');
    src: url('fonts/american.eot') format('embedded-opentype'),
         url('fonts/american.woff') format('woff'),
         url('fonts/american.ttf') format('truetype'),
	 url('fonts/american.svg#AmericanBreweryRoughDemoRegular') format('svg');      
	font-weight: normal;
	font-style: normal;
}

@font-face {
        font-family: "Gautami";
        src: url('fonts/236328126-gautami.eot');
        src: url('fonts/236328126-gautami.eot?#iefix') format('embedded-opentype'),
        url('fonts/gautami.svg#Gautami') format('svg'),
        url('fonts/236328126-gautami.woff') format('woff'),
        url('fonts/236328126-gautami.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

@font-face {
	font-family: 'Life Savers', serif;
	src: url('fonts/Playbill.eot');
	src: local('☺'), url('fonts/Playbill.woff') format('woff'), url('fonts/Playbill.ttf') format('truetype'), url('fonts/Playbill.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


header.wrapper {
	position:fixed;
	z-index:9999;
}
.home section.middle-wrapper {
	padding-top:40px;
}
section.middle-wrapper {
	padding-top:170px;
}

/* Box Border */
.corner-box {
	line-height:0;
	display:block;
	margin-bottom:20px;
}
.b-top, .b-btm {
	width:98%;
	height:28px;
	margin:0;
}
.b-top {
	background-image:url('images/border-tlc.png');
	background-repeat:no-repeat;
	background-color:transparent;
	text-align:right;
}
.b-btm{
	background-image:url('images/border-blc.png');
	background-repeat:no-repeat;
	background-color:transparent;
	text-align:right;
}
.b-mid {
	width:98%; 
	margin:0;
	border-left:double 6px #5a4a42;
	border-right:double 6px #5a4a42;
	display:inline-block;
	background-color:#FFF;
}

.b-content {
	display:block;
	background-color:#FFF;
	float:left;
	position:relative;
	line-height:100%;
	padding:0 10px 0 10px;
	width:100%;
}
.b-content h1, .b-content h2.menu-title {
	line-height:100%;
	font-size:25px;
	color:#5a4a42;
	margin-bottom:10px;
	font-weight:700;
	font-style:italic;
	float:none;
}
.footer-wrapper h2.footer-widget-title {
	line-height:100%;
	font-size:25px;
	color:#FFF;
	margin-bottom:10px;
	font-weight:700;
	font-style:italic;
	float:none;
}
.b-content img {
	margin:auto;
	display:block;
	float:none;
}
.b-content strong, strong {
	font-weight:700;
	text-decoration:underline;
}
.page-template-page-promos .b-content, .page-template-page-promos .b-content h1, .page-template-page-promos .b-content p {
	text-align:center;
}

.page-template-page-flavors .b-content, .page-template-page-flavors .b-content h1, h2.menu-title, .page-template-page-flavors .b-content p {
	text-align:center;
	line-height:140%;
}
.page-template-page-flavors .b-content p {
	display:block;
	margin-top:15px;
}

.page-template-page-flavors .b-content ul {
	columns: 4;
  	-webkit-columns: 4;
  	-moz-columns: 4;
	font-family: 'Life Savers', serif; color:#5a4a42; font-size:17px; font-weight:700;
	padding-left:0;
	text-indent:0;
}
.page-template-page-flavors .b-content h1, h2.menu-title {
	font-size:35px;
}

.menu-item-title {
	font-family: 'Life Savers', serif; color:#5a4a42; font-size:20px; font-weight:700;
}
.menu-item-price {
	font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:21px; font-weight:700; font-style:italic; 
}
.menu-add-price {
	font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:15px; font-weight:700; font-style:italic;  margin-top:-10px;
}

/* ul.page-list {
	columns: 4;
  	-webkit-columns: 4;
  	-moz-columns: 4;
	font-family: 'Life Savers', serif; color:#5a4a42; font-size:17px; font-weight:700;
	padding-left:0;
	text-indent:0;
} */
img.mid {
	margin-top:15px;
}

.menu {text-align:center;}
.banner-bg {
background: url('https://milkboxicecream.com/wp-content/uploads/2014/08/Web_header-1.png') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.curly-bg:before {top: 93%;}
.menu li a {padding-left: 5px; padding-right: 17px;}
.flavors-bg h2 {margin-top: 3px; margin-bottom: 5px;}

.curly-bg{height:470px;}

.top-cotainer{width:100%; float:left; background:url(images/header_bg.png) repeat-x; height:160px;}
.top-wrapper{max-width:1600px; margin:0 auto; display:table; width:100%;}
.top-wrapper > div { display:table-cell; float:none; vertical-align:middle;}
.logo{width:290px; float:left;}
.cow{width:244px; float:right;}
.menu{ display:inline; width:100%;}
.menu li{font-family:'Lobster Two', cursive; color:#5a4a42; font-size:27px; text-align:center; font-weight:400; font-style:italic;
	display:inline-block;}
.menu li a{color:#38342c; text-decoration:none; -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    padding-left: 15px;
    padding-right: 15px;}
.menu li:hover a, .menu li.current-menu-item a{
	color: #4ba9b5;	
}
#menu-item-28 > a:first-child {
    border-left: medium none;
}

.banner-bg{width:100%; height:500px; float:left; margin-top:140px; position:relative; z-index:-1; background-position:center; overflow:hidden;}
.banner-sub-img{background:url(images/banner-sub-img2.png) no-repeat scroll 57px -12px / contain  rgba(75, 169, 181, 0.5); width:454px; height:508px; float:right;}

.dotted-lines{background:url(images/double-dashed-line.png) repeat-x; height:6px; width:100%; float:left; position:absolute; top:497px;}

.middle-wrapper{width:100%; margin:0 auto; padding-top:20px; clear:both;}
.m{width:100%; text-align:center;}
h1{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:32px; text-align:left; font-weight:700; font-style:italic;  margin-left:0px; margin-top:11px;}
.small-banner{ width:98%; float:left; margin-top:5px; text-align:center;}
h1 a{color:#5a4a42; font-weight:700; font-style:italic;}
h1 a:hover{
	color: #79e3ec;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
h3{font-family: 'Lobster Two', cursive; color:#000000; font-size:32px; text-align:left; font-weight:normal; float:left; margin-left:10px; margin-top:11px; width:75%;}
h3 a{color:#000000;}
h3 a:hover{
	color: #79e3ec;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
h4{font-family: 'Lobster Two', cursive; color:#ffffff; font-size:23px; text-align:center; font-weight:700; font-style:italic; }
h4 a{color:#ffffff;}

h5{font-family: 'Lobster Two', cursive; color:#ffffff; font-size:22px; text-align:left; font-weight:700; font-style:italic;  float:left; margin-left:10px; margin-top:11px; width:75%;}
h5 a{color:#ffffff;}


.white-logo{width:100%; height:107px; text-align:center; float:left; margin-bottom:42px; margin-top:5px;}
p{font-family: 'Life Savers', serif; font-size:16px; font-weight:normal; text-align:left; line-height:1.5;}
.sub-banner{width:100%; float:left;}
.curly-bg{width:100%; min-height:233px; background:#fff; float:left; padding:12px 9px; margin-bottom:35px;}
.curly-bg:after { content:""; position:absolute; bottom:100%; left:0; width:100%; height:4px; display:block; background:url(images/curlyimg-top.jpg) repeat-x }
.curly-bg:before { content:""; position:absolute; top:87%; left:0; width:100%; height:4px; display:block; background:url(images/curlyimg-bottom.jpg) repeat-x }
.curly:after { content:""; position:absolute; bottom:100%; left:0; width:100%; height:4px; display:block; background:url(images/curlyimg-top.jpg) repeat-x; }
.curly:before { content:""; position:absolute; top:100%; left:0; width:100%; height:4px; display:block; background:url(images/curlyimg-bottom.jpg) repeat-x; }
.curly{width:100%; min-height:233px; background:#fff; float:left; padding:12px 9px; margin-bottom:35px;}
.curly > h1{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:20px; font-weight:700; font-style:italic;  text-align:center; width:100%; line-height:1;}
.curly > h2{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:20px; font-weight:700; font-style:italic;  text-align:center; line-height:1.3; }

.bg{
	
}
.promo-img{width:100%; float:left; margin-bottom:10px;}
.promo-img > img {
    width: 100%;
}
.curly-bg > h1{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:20px; font-weight:700; font-style:italic;  text-align:center; width:100%; line-height:1;}
.curly-bg > h2{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:20px; font-weight:700; font-style:italic;  text-align:center; line-height:1.3; }

.footer-wrapper{width:100%; background-color:#02A2B1; border-radius:8px 8px 0 0; margin:30px auto 0 auto; clear:both; float:left; padding-bottom:20px; padding-top:10px; color:#FFF;}
.footer-bx1{width:100%; float:left; background-color:transparent;}
.footer-bx1 > h1, .footer-bx1 h1{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:25px; width:100%; font-weight:700; font-style:italic;  margin:0; margin-bottom:10px;}
.cont_tx{text-align:center;}
.footer-bx1 li{font-family: 'Life Savers', serif; color:#FFF; font-size:16px; font-weight:normal; text-align:left; list-style-position:inside; margin:5px 0; list-style: disc inside url(images/pink-bullet.png); text-transform: uppercase;}
.footer-bx1 p{font-family: 'Life Savers', serif; font-size:14px; font-weight:700; text-align:left;}
.footer-bx1 > h2{font-family: 'Life Savers', serif; color:#5a4a42; font-size:16px; font-weight:normal; text-align:center; line-height:1.3; font-weight:700;}
.footer-bx1 a {color:#FFF;}
.wpcf7-text, .widget_mailchimpsf_widget input[type="text"]{position:relative; width:100%; height:34px; border:1px solid #02abb9; padding:0 2%; font-style:italic; margin-bottom:0; font-family: 'Life Savers', serif; color:#7a646d; font-size:13px; font-weight:700;}
.bwp-recaptcha {position:relative;}


#mc_signup_form .mc_var_label {
    float: left;
    font-family: 'Life Savers', serif;
    line-height: 22px;
    margin: 0;
    width: 100%;
}



.wpcf7-textarea{position:relative; width:100%; height:74px; border:1px solid #FFF; padding:0 2%; font-style:italic; margin-bottom:8px; font-family: 'Life Savers', serif; color:#7a646d; font-size:13px; font-weight:700;}
.mc_signup_submit { float:left; width:100%;}
.wpcf7-submit, #mc_signup_submit{position:relative; width:100px !important; height:29px; background-color:#FFF; font-family: 'Life Savers', serif; color:#02A2B1; font-size:18px; font-weight:700; text-align:center; border:0; cursor:pointer; margin:5px 0 0 0;}
.footer-social{width:100%; text-align:center;}
.footer-social p {text-align:center; font-size:18px;}
.footer-social ul {display:inline-block; margin:auto;}
.footer-social li{width:50px; height:50px; border:2px solid #FFF; float:left; list-style:none; margin-right:10px; text-align:center; background-color:#FFF;}
.footer-social li:hover{
	width: 50px;
	height: 50px;
	border: 2px solid #FFF;
	float: left;
	list-style: none;
	margin-right: 10px;
	background-color: #02A2B1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.footer-social a:last-child li {margin-right:0;}

.copyright-text{width:100%; background-color:#5a4a42; border-top:5px solid #FFF; border-radius:0 0 10px 10px; float:left; font-family: arial, helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:normal; text-align:center; vertical-align:middle; display:table-cell; padding:15px 0 10px 0; margin-bottom:20px;}
.copyright-text a{color:#FFFFFF;}
.copyright-text a:hover{color:#FFFFFF;}


/*NEW CSS FOR INNER PAGES*/

.grecaptcha-badge {
	display:none;
}

h2{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:25px; text-align:left; font-weight:700; font-style:italic;  float:left; margin-top:11px; width:100%;}
.middle-wrapper p{font-family: 'Life Savers', serif; color:#5a4a42; font-size:18px; font-weight:700; text-align:left; line-height:1.5; margin:10px 0; float:none;}
#mc_signup_form { padding:30px;}
.inner-newsletter, .widget_mailchimpsf_widget{width:100%;overflow:hidden;  max-width:60%; margin-left:20%; height:auto; border-radius:15px; background-color:rgba(255,255,255,1); float:left; margin-bottom:10px; box-shadow: 0px 0px 5px #333333; padding-bottom:10px; margin-top:10px;}
.inner-newsletter h1, .widget_mailchimpsf_widget h3{font-family:'Lobster Two', cursive; color:#5a4a42; font-size:28px; text-align:left; font-weight:700; font-style:italic;  float:left; margin-left:10px; margin-top:11px; width:100%; padding-left:4%; margin-bottom:10px;}

.flavors-bg{width:100%; height:auto; float:left; border-radius:15px; background-color:rgba(255,255,255,1); padding:10px 0; box-shadow: 0px 0px 5px #333333; margin-bottom:30px;}
.flavors-bg h1{font-family:'Lobster Two', cursive; color:#5a4a42; font-size:28px; text-align:left; font-weight:700; font-style:italic;  text-align:left; margin-left:10px; margin-top:11px; width:100%; padding-left:4%; margin-bottom:10px;}
.flavors-bg li{font-family: 'Life Savers', serif; color:#02abb9; font-size:18px; font-weight:normal; text-align:left; list-style:url(images/pink-bullet.png); list-style-position:inside; margin:5px 0; letter-spacing:0.5px;}
.flavors-bg li span{color:rgba(0,0,0,1);}
.flavors-bg h2{font-family: 'Life Savers', serif; color:rgba(0,0,0,1); font-size:21px; font-weight:700; text-align:left; margin-left:22px; margin-top:-10px;}
.flavors-bg h3{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:21px; text-align:center; font-weight:700; font-style:italic;  margin-top:11px; width:100%;}
.flavors-bg h4{font-family: 'Lobster Two', cursive; color:#5a4a42; font-size:25px; font-weight:700; font-style:italic;  text-align:center; margin-top:10px;}
.flavors-bg h5{font-family: 'Lobster Two', cursive; color:#000000; font-size:23px; font-weight:700; font-style:italic;  text-align:center; margin-top:-10px;}
.right-border{border-right:#aeaeae dotted 2px; min-height:380px;}

.flavors-bg p{font-family: 'Life Savers', serif; color:#02abb9; font-size:17px; font-weight:700; text-align:left; margin-left:18px;}
.right-border{border-right:#aeaeae dotted 2px; min-height:380px;}
.contact-map{width:100%; min-height:376px; float:left; padding:20px; background-color:rgba(51,51,51,1);}

.mc_input{width:100%; height:34px; border:1px solid #02abb9; padding:0 2%; font-style:italic; margin-bottom:8px;}


.right-border li a{color:#02abb9;}
.right-border li a:hover{color:#02abb9;}

.menubtn {
  background: none repeat scroll 0 0 #02A2B1;
  color: #fff;
  display: none;
  float: right;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  margin: 76px 20px 0;
  padding: 10px;
cursor:pointer;
}
.menubtn:before { content:"Menu";}
.menubtn.active{ background-color:#C60;}
.menubtn.active:before  {content:"Close";}
.adds_bx {
  color: #7a646d;
  margin-bottom: 37px;
}
.hr_col{
	color:#02ABB9;
	font-weight:bold;
}
.adds_bx.footer-bx1 a {
  color: #02abb9;

}

/* Button */
.button {
	background-color:#069;
	color:#FFF;
	border:0;
	padding:0;
	display:inline-block;
	-webkit-transition: all 0.3s ease 0s; /* Safari */
	transition: all 0.3s ease 0s;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	border-radius:5px;
	margin:auto;
	}
.button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
	}
.button a {
	display:block;
	text-decoration:none;
	color:#FFF;
	padding:7px;
	}
.button a:hover {
	text-decoration:none;
	}
.sgpb-popup-builder-content-html {
	text-align:center;
}

@media only screen and ( max-width:980px){
	
.cow {
  display: none !important;
}
.menu li {
  font-size: 18px;
}

}
@media only screen and ( max-width:800px){
.grid_11.left_cont {
  text-align: center;
  width: 100%;
}
.grid_9.right_cont {
  width: 97%;
}
.m > h1 {
width: 57%;
}

.m {
  float: left;
  text-align: center;
  width: 97%;
}
.white-logo {
  margin-bottom: 12px;
  margin-top: 10px;
  width: 100%;
}
.top-wrapper > div {
  float: left;
  vertical-align: middle;
}
.logo {
  float: left;
  width: 100%;
}
.grid_5.footer-bx1 {
  width: 46%;
}
.adds_bx {
  margin-bottom: 40px;
}
/*.flavors-bg p {
  font-size: 14px;
  margin-left: 15px;
}*/
}
@media only screen and ( max-width:768px) {
.container_20 .grid_6 {
    width: 40%;
}

h3 {
  margin-left: 0px;
  margin-top: 11px;
  text-align: center;
  width: 94%;
}
.grid_5.right-border.left_border {
    border-right: medium none;
}
.right-border {
  border-right: 2px dotted #aeaeae;
  min-height: 319px;
}
.grid_5.right-border {
  width: 47%;
}
.grid_5.flavors-new {
  width: 41%;
}
.grid_6.right-border {
  border-bottom: 1px dotted #000;
  border-right: medium none;
  margin-bottom: 3%;
  min-height: 262px;
  width: 94%;
}
.contact-map {
  min-height: 376px;
  padding: 9px 9px 5px;
  width: 98% !important;
}
.right-border {
  border-right: medium none;
  width: 54% !important;
}

}
@media only screen and (min-width:600px){
	.menu { display:block !important;}
}
@media only screen and ( max-width:600px) {
.bg {
    float: left;
    width: 48% !important;
}
.menubtn {
    display: block;
    z-index:10000;
    position:relative;
}
.menu { display:none; background:#f7f6f2; position:relative; z-index:222;}
.menu li { width:100%; }
.menu li a { -moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
color: #4ba9b5;
border-image: none;
border-style: none none dashed;
border-width: medium medium 1px;
display: block;
padding: 10px;
text-align: left;  }
.top-wrapper > div { display:block; }
.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.menu-item-28:first-child {
  border-top: 1px dashed #fff;
}
.footer-bx1 {
  width: 97% !important;
  border-bottom: 1px dashed #02ABB9;
  padding-bottom: 7px;
}
.footer-bx1.b1 {
  width: 97% !important;
  border-bottom:none !important
}
.footer-bx1 > h2 {
  text-align: left;
}
.container_20 .grid_1,
.container_20 .grid_2,
.container_20 .grid_3,
.container_20 .grid_4,
.container_20 .grid_5,
.container_20 .grid_6,
.container_20 .grid_7,
.container_20 .grid_8,
.container_20 .grid_9,
.container_20 .grid_10,
.container_20 .grid_11,
.container_20 .grid_12,
.container_20 .grid_13,
.container_20 .grid_14,
.container_20 .grid_15,
.container_20 .grid_16,
.container_20 .grid_17,
.container_20 .grid_18,
.container_20 .grid_19,
.container_20 .grid_20 {
	display:block;
	float: none;
	position: relative;
	clear:both;
	width:90%;
	margin:auto;
}
}


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

.m > h1 {
    width: 70%;
}
.m {
    width: 98%;
}
.curly-bg:before {
  top: 88%;
}
.grid_5.curly {
    width: 48%;
}
.inner-newsletter, .widget_mailchimpsf_widget {
  margin-left: 5%;
  max-width: 91%;
  width: 100%;
}


}
@media only screen and ( max-width:465px) {
.banner-sub-img {
  background:url(images/banner-sub-img2.png) no-repeat scroll 0px -11px / contain rgba(75, 169, 181, 0.5);
  float: right;
  height: 508px;
  width: 100%;
}
.m > h1 {
  font-size: 22px;
    line-height: 2;
    margin-left: 5px;
    width: 79%;
}
.container_20 .grid_6 {
  margin-left: 10px;
  width: 77%;
}
.grid_5.right-border {
  border-bottom: 2px dotted #aeaeae;
  border-right: medium none;
  min-height: 217px;
  width: 96%;
}
.grid_5.curly {
    margin-left: 13%;
    width: 70% !important;
}
.entry-title {
    text-align: center;
    width: 98%;
}
.grid_5.footer-bx1 {
  width: 98% !important;
  border-bottom: 1px dashed #02ABB9;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.adds_bx{margin-top:0;}
.footer-bx1 {
  width: 50% !important;
}
.footer-bx1 {
  width: 96% !important;
}
.footer-bx1 > h2 {
  text-align: left;
}
.cont_tx{
	text-align: left;
}
.grid_5.ice {
  width: 50% !important;
}
}
@media only screen and ( max-width:360px) {
.bg {
  float: left;
  margin-left: 6%;
  width: 89% !important;
}

.curly-bg:before {
    top: 90%;
}
.grid_5.footer-bx1.b1 {
    margin-left: 14px;
    margin-top: 20px;
    width: 90% !important;
}
.grid_5.footer-bx1.b1 {
  border-bottom: medium none;
}
.grid_5.ice {
    width: 71%;
}
.flavors-bg h3 {
  font-size: 47px;
}
.flavors-bg h4 {
  font-size: 36px;
}
.grid_5.flavors-new {
  width: 64%;
}

}
@media only screen and ( max-width:320px) {
	.menubtn {
  margin: -28px 20px 0;
}
.contact-map {
  background-color: rgba(51, 51, 51, 1);
  float: left;
  margin-bottom: 7%;
  padding: 7px 7px 3px;
  width: 97% !important;
}
}