@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}
@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
body{background-image: url("cereals-2612487_1920.jpg"); 
	 font-family: 'Open Sans', sans-serif;
	 color: #444;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 background-color: #817567;
	 }
p,
ul li{
	font-weight: 500;
}

a {
	color: #444;
  	text-decoration: none;
}

ul.services {
    padding: 0 0 0 20px !important;
    margin-left: 0;
}

@media screen and (min-width: 1028px) {
						

						h1 {font-family: "Marcellus"; font-size: 5.3em; text-align: center;  font-weight: 400; display: inline; letter-spacing:1.8px; }
						h2{font-family: 'Marcellus'; font-size: 2.6em; text-align: center; display: inline; position: relative;  font-weight: 400; margin-left: 15px; bottom: 30px; }
						h3 {font-family: 'Open Sans', sans-serif; font-size: 1.8em; margin-top: -6px; font-weight: 500}
						h4 {font-family: 'Marcellus'; font-size: 1.2em; }
						header {width: 60%; background: #fff; opacity: 0.8; 
								padding-top: 2.5%;
								padding-bottom: 2.5%;
								position: relative;
								margin-top: 10%; left: 20%;
								text-align: center;
								
								height: auto;
								border-radius: 40px;
								
								
								
								}
								
						article{display: flex;
								flex-flow: row nowrap;
								justify-content: space-evenly;
								width: 90%; 
								background: #fff; 
								border-radius: 40px; 
								height: 30%; 
								position: relative;
								margin-top: 12%;
								left: 5%;
								padding-top: 0px;
								padding-bottom: 1%;
								font-size: 0.9em;
								font-weight: 600}
						section{flex: 0 1 auto;
								align-self: flex-start;
								width: 24%;
								margin-left: 2%;
								text-align: justify;
								
								}
						ul {margin-left: -2.3em; }
						.textgap{line-height: 2.5}

						ul.icon{list-style-type: none; }
						ul.icon li{text-indent: 0em; float: left; }
						ul.icon li.home{line-height: 1.5; margin-top: 1%;}
						ul.icon li.phone{line-height: 3}
						ul.icon img {margin-right: 4%;margin-top: 2%;float: left; clear: left; }							
						iframe{width:95%;  margin-left: 2%; padding-top: 7%;}
}


@media screen and (max-width: 1027px) {
					
						h1 {font-family: "Marcellus"; font-size: 2.3em; text-align: center;  font-weight: 400; display: inline; letter-spacing:1.8px; }
						h2{font-family: 'Marcellus';font-size: 1.6em; text-align: center; display: inline;  font-weight: 400; margin-left: 10px; position: relative; bottom: 10px; }
						h3 {font-size: 1.4em; margin-top: 0; font-weight: 500}
						h4 { font-family: 'Marcellus'; font-size: 1.2em; }
						header {width: 90%; background: #fff; opacity: 0.8; 
								padding-top: 2.5%;
								padding-bottom: 2.5%;
								position: relative;
								margin-top: 10%; left: 5%;
								text-align: center;
								font-size: 1.0em; 
								height: auto;
								border-radius: 25px;	
								}
						article{display: flex;
								flex-flow: column wrap;
								justify-content: space-around;
								width: 90%; 
								background: #fff; 
								border-radius: 25px; 
								height: auto; 
								position: relative;
								margin-top: 10%;
								left: 5%;
								padding-top: 10px;
								margin-bottom: 30px;
								font-weight: 600}
						section{flex: 0 1 auto;
								align-self: center;
								width: 80%;
								text-align: justify;
								
								}
						ul {margin-left: -2.3em;}
						.textgap{line-height: 2.5}

						ul.icon{list-style-type: none; }
						ul.icon li{text-indent: 0em; float: left; }
						ul.icon li.home{line-height: 1.5}
						ul.icon li.phone{line-height: 3}						
						ul.icon img {margin-right: 4%;margin-top: 1%;float: left; clear: left; }
						iframe{width: 100%; padding-top: 5%; }





					}

@media screen and (max-width: 600px) {
	
		
	
		h1 {font-family: 'Marcellus'; font-size: 2.0em; text-align: center;  font-weight: 400; display: inline; letter-spacing:1.8px; }
		h2{font-family: 'Marcellus'; font-size: 1.3em; text-align: center; display: inline;  font-weight: 400; margin-left: 5px; bottom: 8px; }
		h3 {font-size: 1.2em; margin-top: -1px; font-weight: 500}
		h4 {font-family: 'Marcellus'; font-size: 1.1em; }
		header {width: 75%; background: #fff; opacity: 0.7; 
				padding-top: 8%;
				padding-bottom: 4% ;
				padding-left: 10px;
				padding-right: 7px;
				position: relative;
				margin-top: 2%; 
				left: 10%;
				text-align: center;
				
				height: auto;
				border-radius: 25px;	
				}
		article{display: flex;
				flex-flow: column wrap;
				justify-content: space-around;
				width: 95%; 
				background: #fff; 
				border-radius: 25px; 
				height: auto; 
				position: relative;
				margin-top: 10%;
				left: 2.5%;
				padding-bottom: 1%;
				padding-top:0;
				margin-bottom: 4%;}
		section{
						
						width: 90%;
						padding-right: 10px;
						}
		ul {margin-left: -2.3em;}
						.textgap{line-height: 2.5}

						ul.icon{list-style-type: none; }
						ul.icon li{text-indent: 0em; float: left;  }
						ul.icon li.home{line-height: 1.5}
						ul.icon li.phone{line-height: 3}
						ul.icon img {margin-right: 4%;margin-top: 2%;float: left; clear: left; }
		iframe{width: 90%; margin-left: 5%;}		

				}