/* Style the navigation menu */
* {
  box-sizing: border-box;
}
@font-face { font-family: ArctikascriptRegular; src: url('/arctikafont.ttf')
            format("truetype"); 
             
           } 

@font-face {font-family: DroidSerifRegular; src: url('/droidserif.ttf')
  
            format("truetype"); } 

@font-face {font-family: AGBengalyBold; src: url('/Pacifico-Regular.ttf')
            format("truetype");
           } 
body {
background-image: url("/img/edge.png") ,url("/img/edge.png");
  background-repeat: repeat-y,repeat-y, no-repeat;
  background-position: right, left;
  background-size: 30px,30px;
  background-color:#f4fbf3;

}
#mainImg{
   max-width: 20%;
  height: auto;
}
#divUp{
  display:flex;
  padding: -10px;
  justify-content: space-around;
   flex-wrap:wrap;
 
}
.h2{  display:flex;
  align-items: center;
  justify-content: center;
}


#divHead{
 font-family:AGBengalyBold;
  color: #FF5733 ;
  font-size: 200%;
  
  }
#tel{
  display:flex;
  flex-direction: column; 
  padding:5px;
  
  
}
#slogan, h2{
  color:green;
   font-family:ArctikascriptRegular;
  font-size: 150%;
  
}

#mainblock{
  display:flex;
  flex-direction: row;
  padding:5px;
  flex-wrap:wrap;
  
  
}

.menu {
  float: left;
  width: 20%;
  text-align: center;
  padding: 20px;
}


.menu a {
  background-color: #FF5733  ;
  padding: 10px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: #EEC578 ;
  text-decoration: none;
  border-radius:15px;
  
  font-family:ArctikascriptRegular;
}

.main {
  float: left;
  width: 50%;
  padding:  5px;
 
  margin :20px;
  
}
#telN{
color: #FF5733 ;
font-family:ArctikascriptRegular;
font-size: 150%;
margin:10px;
  
}

.right {

  float: left;
  width: 25%;
  text-align: center;
 
 
  
}

  
#imgRight{

  border-radius:15px;
}

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}