:root {
  --LtGrey: #F5F5F5;
  --DkGrey: #A9A9A9; 
  --Green:  #4CAF50;
}


body{
    font-family: 'Roboto',Arial, Helvetica, sans-serif;
    color:black;
    margin:0px;
}

h1{
    font-size:xlarge;
    font-weight:normal; 
}

input[type=submit]{
    border:2px solid var(--Green);
    
}
input[type=submit]:hover{
    color: black;
    background-color: white;
    border:2px solid black;
    
}


.button {
  background-color: var(--Green);
  border: none;
  border-radius:10px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: medium;
}


.FlexBox{
    border: 0px solid purple;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    
    
}

.FlexItem{
    border: 0px solid pink;
}


.FlexItem2{
    border: 0px solid pink;
    width:200px;
}


.FlexRow{
    border: 0px solid orange;
    text-align: center;
    width:100%;
}

.FlexRowL{
    border: 0px solid orange;
    text-align: left;
    width:100%;
}

.FlexBreak {
    flex-basis: 100%;
    height: 0;
}

.FlexLine {
    flex-basis: 100%;
    margin:10px;
    height: 0;
    border-top: 1px solid gray;
}

.FlexSpace {
    display: inline-block;
    margin-left: 100px;
    border: 0px solid purple;
}

.Menu {
    margin-top:20px;
    margin-bottom:70px;
    border: 0px solid purple;
    font-size:.9em;
}

.Menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.Menu li {
    float: left;
}

.Menu li a {
    display: block;
    color:black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


.Menu li a:hover {
  color: var(--DkGrey);
}

.Menu a {
  display: block;
  padding: 8px;
 
}

.BigBlock{
    color:white;
    font-size:x-large;
    font-weight:bold;
    background-color:pink;
    border: 0px solid purple;
    background: url(Images/Background.jpg) top center no-repeat;
    height:450px;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}

.BigBlock2{
    color:white;
    font-size:x-large;
    font-weight:bold;
    background-color:pink;
    border: 0px solid purple;
    background: url(Images/Veg.jpg) top center no-repeat;
    height:450px;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}


.OutlineButton{
       margin-top:10px;
}

.OutlineButton a{
    background-color: white; 
    color:black;
    border:5px solid black;
    width:250px;
    font-size:large;
    font-weight:bold;
}



.OutlineButton a:hover{
    background-color: var(--Green);
    color:white;
    border:5px solid #50C878;
 
}


.LittleBlock{
    margin:auto;
    padding:10px;
    max-width:700px;
    border: 0px solid purple;
}

.LittleBlock a:hover{
    background-color: white; 
    color:black;
}

.Anchor a{
    color:var(--DkGrey);
    text-decoration:none;
}

.Anchor a:hover{
    color:black;
     text-decoration:underline;
}

.Content ul {
    list-style: none;
    padding: 0px;
    text-indent: -44px; /* key property */
    margin-left: 20px; /* key property */
}

.Content ul li:before
{
    content: '\2756';
    margin: 0 1em;    /* any design */
    
}

.Content li
{
    padding-bottom:15px;
    
}


.Footer{
    background-color:var(--LtGrey);/* lighter grey */  
    color:var(--DkGrey); /* darker grey */
    font-size:small;
    padding:20px;
}

.FooterMenu ul{
    list-style-position: inside;
    list-style: none;
  
}

.FooterMenu li{
   height:30px;  
}

.FooterMenu a{
   color:var(--DkGrey);
   text-decoration:none;
   font-size:small;
}

.FooterMenu a:hover{
   color:Black;
   text-decoration:underline;
   font-size:small;
}

.Social{
    border:0px solid blue;
}

.Social li{
    display: inline;
    color:purple;
    font-size:xx-large;
   
}


.icon-social {
    width: 33px;
    height: 33px;
    background: url('Images/Social.jpg') no-repeat;
    background-size: 360px 120px;
    border:0px solid blue;
}

.icon-facebook {
    background-position: -52px -80px;
}
.icon-facebook:hover,
.icon-facebook:focus {
    background-position: -52px -5px;
}

.icon-instagram {
    background-position:  -15px -79px;
}
.icon-instagram:hover,
.icon-instagram:focus {
    background-position: -15px -5px;
}

.icon-youtube {
    background-position: -127px -79px;
}
.is-disabled.icon-youtube {
    background-position:  -52px -80px;
}
.icon-youtube:hover,
.icon-youtube:focus {
    background-position: -127px -5px;
}

.icon-twitter {
    background-position: -89px -79px;
}
.icon-twitter:hover,
.icon-twitter:focus {
    background-position: -89px -5px;
}

.icon-pinterest {
    background-position: -238 -79px;
}
.icon-pinterest:hover,
.icon-pinterest:focus {
    background-position: -238px -5px;
}


.icon-linkedin     {
    background-position: -275 -79px;
}

.icon-linkedin:hover,
.icon-linkedin:focus {
    background-position: -275px -5px;
}


.SocialConnect li {
    display: inline-block;
    margin-right: 10px;
    width: auto;
    float: none;
}

.icon-social {
    display: inline-block;
    text-align: left;
    text-indent: -9999px;
    vertical-align: middle;
}

.icon-social.icon-social-theme {
    background-image: url('Images/Social.png');
   
}