.contact-body {
  margin: 0px 0px 20px 0px; 
  width: auto;
  display: flex;
}

#contact-menu {
  height: 76px;
  width: 100%;
  clear: right;
}

.contactmenu-flex {
  flex: 1;
  margin-bottom: 0px;
}

.contactmenu-box-flex {
    flex: 1;
}

.contactmenu-box {
  width: 227px;  
  height: 74px;
  float: left;
  color: black;
  border: none;
  margin-left: 10%;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

.contactmenu-box1 {
  clear: left;
}

.contactmenu-button {
  width: 227px;  
  height:  74px;
  border: none;
  background-color: white;
  padding: 0px 0px 0px 0px;
/**
border-style: solid;
border-color: blue;
border-width: 1px;
**/
}

.contactmenu-callbutton-hover {
  background-color: "Red";
}


#location-section {

  width: 100%;
  height: auto;
  float: left;
  margin: 20px 0px 0px 0px;
/**
border-style: solid;
border-color: blue;
border-width: 1px;
**/
}

.location-box {

  width: 302px;
  height: 326px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/**
border-style: solid;
border-color: red;
border-width: 1px;
**/
}

.location-content {
  width: 70%;
  height: auto;
  float: right;
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/**
border-style: solid;
border-color: green;
border-width: 1px;
**/
}

.map-tile {
  height: 300px;
  width: 300px;
  position: relative;
  border: 2px solid #3F0C1F;
  overflow: hidden;
  margin-top: 24px;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}


#social-network {
  width: 100%;
  height: 85px;
  text-align: center;
  float: left;
  color: black;
  margin-top: 30px;
}

#social-network-icons-box {
  width: 150px;
  height: 28px;
  background-color: #614fd7;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
/**
border-style: solid;
border-color: yellow;
border-width: 1px;
**/
}

#social-network-icon {
  width: 30px;
  height: auto;
  margin-left: 15px;
  float: left;
}



/********** Medium devices **********/
@media (max-width: 1199px) {

  iframe{width: 100%; height: 490px; scrolling="no" frameBorder = "0";}

.contactmenu-box {
  margin-left: 8%
}

.location-content {
  width: 65%
}
}


/********** Medium devices **********/
@media (max-width: 992px) {

.contactmenu-box {
  margin-left: 1%
}

.location-content {
  width: 55%;
}
}


/********** Medium devices **********/
@media (max-width: 784px) {
  iframe{width: 100%; height: 890px; scrolling="no" frameBorder = "0";}

}


/********** Medium devices **********/
@media (max-width: 749px) {

.contactmenu-box {
/**  margin-left: 30%; **/
  margin-left: 0%;
  width: 100%;
  text-align: center;
}

.location-content {
  width: 50%;
}
}

/********** Medium devices **********/
@media (max-width: 675px) {

.location-content {
  width: 100%;
}
}