.navbar{background-color:#fff;}
.social-media a {border-color:#00aeef;}
.social-media a:hover {border-color:#ccc;}
.social-media a i {color:#00aeef;}
.sep a{margin-bottom:15px;}

/*Main navigation*/
#MENU {width:100%; background-color:#454545;}
#MENUBLOCK {width:262px; max-width:100%; padding:0 auto; clear:both;}
#MENUWRAP {padding:0 !important; margin:0 !important; float:left;}
.menuitem {float:left; list-style-type:none; border-right:solid 1px #c0c0c0; color:#7500a3; font-weight:bold; font-size:14px;}
.menuitem.book {border-left:solid 1px #c0c0c0}
.menuitem a {color:#c0c0c0; padding:5px 10px;}
.menuitem.book a {color:#ff0077;}
.menuitem:hover {background-color:#7500a3;}
.menuitem.redken:hover {background-color:#454545;}
.menuitem a:hover {text-decoration:none; color:#fff;}
.menuitem.redken a:hover {text-decoration:none; color:#ff0077;}
#HOME .menuitem.home,
#BOOK .menuitem.book,
#ABOUT .menuitem.about,
#CONTACT .menuitem.contact {background-color:#7500a3;}
#HOME .menuitem.home a,
#BOOK .menuitem.book a,
#ABOUT .menuitem.about a,
#CONTACT .menuitem.contact a {text-decoration:none; color:#fff;}
#REDKEN .menuitem.redken a {text-decoration:none; color:#ff0077;}

/*General layout*/
h1 {color:#7500a3; font-weight:bold;}
h2 {color:#7500a3; font-weight:bold;}
h3 {color:#7500a3; font-weight:bold;}
h4 {color:#4a4a4a; font-weight:bold;}
h5 {color:#4a4a4a; font-weight:bold;}

a {color:#ff0077;}

.clr {clear:both;}

.plank_a {width:1240px; max-width:100%; margin:0 auto;}
.plank_b {width:1240px; max-width:100%; margin:0 auto; background-color:#454545;}
.plank_a ul {padding-left:10px;}

#LOGOWRAP {width:500px; max-width:100%;}
.logo_a {width:300px; max-width:100%; padding:20px 0 20px;}

.img_container {width:600px; max-width:100%; margin:0 auto;}

.socmed {float:right; margin-top:25px;}
.sm_ico {display:block; width:50px; height:50px;}
.sm_ico img {max-width:100%;}
#FB, #INSTA {float:right;}

#FOOT {background-color:#454545;}
#FOOT .foot_group {width:250px; max-width:100%; padding:20px 0; float:left;}
#FOOT .foot_group h4 {color:#c0c0c0;}
#FOOT .site_map {width:150px; max-width:100%; padding-left:0;}
#FOOT .socmed {float:left; margin-top:25px;}
#FOOTFB, #FOOTINSTA {float:right;}
.foot_menuitem {list-style-type:none; font-weight:bold; font-size:14px;}
.foot_menuitem a {color:#c0c0c0; padding:5px 10px;}
.foot_menuitem:hover {background-color:#7500a3;}
.foot_menuitem a:hover {text-decoration:none; color:#fff;}

@media only screen and (max-width: 600px) {
  #MENUBLOCK {width:100%; max-width:100%;}
  #MENUWRAP {float:none;}
  #MENUWRAP li.menuitem {float:none; border-right:none; display:block; width:100%; max-width:100%; padding:10px; border-bottom: solid 1px #c0c0c0;}
  .menuitem.book {border-left:none;}

  .plank_a, .plank_b   {width:100%; padding:0 10px;}
  .logo_a {padding:0; width:240px;}
  .socmed {margin-top:0;}
}
