@media screen and (min-width:900px) {
    #div1, #div3 {
        width: 33%;
        float: left;
        clear: left;
padding:25px;

	}




	
	
    #div2 {
        width: 33%;
        float: left;
			padding:25px;
		
   
    }
}





body .ui {
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  box-shadow: none;
   
}
body .ui ul {
  margin: 0px 30px 10px 0px;
  padding: 0;
  list-style-type: none;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;

}
body .ui .drop {
  z-index: -3;
  opacity: 0;
  width: 240px;
  height: 10px;
  position: absolute;
  color: white;
  bottom: 0;
  padding: 12px 30px 21px 30px;
  -webkit-transition-property: bottom,opacity;
          transition-property: bottom,opacity;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
}
body .ui .drop p {
  color: #f8fbfa;
}
body .ui_box {
width:100%;
  height:160px;
  position: relative;
  float: left;
  box-shadow: -1px 0px rgba(255, 255, 255, 0.07);
  cursor: pointer;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: -webkit-transform,background;
          transition-property: transform,background;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;

		  border: #3F79BF thick solid;
		  
}
body .ui_box__inner {
  padding: 0px;
 
}
body .ui_box__inner span {
  font-size: 20px;
  font-weight: 700;
  color:#FFFFFF;
}





body .ui_box h2 {
  font-weight: normal;
  font-size: 16px;
  margin: -4px 0px 3px 0px;
}
body .ui_box p {
  font-size: 11px;
  color: #b6b6b6;
  clear: left;
  font-weight: 300;
  width: 100%;
  margin: 0px 0px 15px 0px;
}
body .ui_box:hover {

  color:#000000;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-property: -webkit-transform,background;
          transition-property: transform,background;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  position: relative;
  z-index: 1;
}

.ui_box:hover > .ui_box__inner p {
  color: #b3dacb;
}







.custom-header {
	display:none;
}





/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap  more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: 0px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 20px;
}
.featurette-image.pull-right {
  margin-left: 20px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}




	.wrap {
		max-width: 100%;
		padding:0px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;

	}







	
	.entry-content5 a{
color:#000 ;
margin-left:auto; margin-right:auto;
line-height:15px;
font-size:13px;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
background-color: rgba(255, 255, 255, 0.7);
   border: 2px solid  #CCC;
   padding:15px;
    padding-left:30px;
	    padding-right:30px;
 

  	-webkit-border-radius: 40px;
-moz-border-radius:40px;
border-radius:40px;
}
.entry-content5 a:hover{
color: #ffffff;
   background-color: #08c;
      border: 2px solid #ffffff;
	  text-decoration:none;

}







.wpcf7 {
  
  background-color: #F0F0F0;
 
border: 5px solid #666666;

 

}


.wpcf7-form {
 
margin-left: 25px;
 
margin-right: 25px;
 
margin-top: 25px;

}


.wpcf7-textarea {
 
width: 100%;
height:20px;

 
}



article.twentyseventeen-panel:first-child .panel-content .wrap {
padding-left: 0px;
padding-right:0px;
max-width:100%;
}


.entry-title {display: none;}








.navigation-top {
	display:none;

	
		/*

 padding-top:0px;
padding-bottom:0px;
background-color: rgba(0, 0, 0, 0.0);
border:0px;;
margin-left:auto;
margin-right:auto;
 text-align:center;
 	 max-width:775px;

 display:block;
 */
}






.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}







.navigation-top a {
	color: #222;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	border:#333333 thin solid;
font-size:11px;
margin-top:0px;
margin-bottom:0px;

background-color: rgba(255, 255, 255, 1);

}


.main-navigation a:hover {
	color: #ffffff;
background-color:#666;
text-decoration:none;
}




.main-navigation ul {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	
}



.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding:0px;
	/* padding: 0.75em 1.695em; */
}













/*Remove top padding so main background color doesn't show above the content*/
div#content {
    padding: 0;
	 background-color: transparent;
}

/*Set content background color, add a bit of spacing*/
#content .wrap {

background-color: #ffffff;

}






/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 50vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/

.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 30vh;
	/*width: 100%;*/
}


/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}



	.site-header .navigation-top .menu-scroll-down {
		display:none;
	
	}
	
	
		.page:not(.home) #content {
		padding-bottom: 0;
	}
	
	



.site-footer {

		background-color: #666;
		height:100px;
		padding:0px;
		border:0px;
			font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 0em;
	}
.site-footer .wrap {
	display:none;
}



.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 0em;
	}
	
	
		.page:not(.home) #content {
		padding-bottom: 0em;
	}
	
	.panel-content .wrap {
		padding-bottom: 0em;
		padding-top:0em;
	}
	
	
	
	.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 1.0;
}


.site-branding a:hover,
.site-branding a:focus {
	opacity: 1.0;
}



.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	/* display: table-cell; */
top:40%;
		display: block;
margin-left:auto;
margin-right:auto;

		/* height: auto; */
	text-align:center;
width:400px;
		vertical-align:middle;
}




.custom-header-media:before {
	    background: transparent;
}


.header .title-container {
    clear: both !important;
}


/*change logo size*/
img.custom-logo{
width:100%;
 max-height:100px;
 	text-align:center;
	margin-left:auto;
margin-right:auto;
}


.site-header {
	background-color: #fafafa;
	position: relative;
	width:100%;
}










*, *:before, *:after {
  box-sizing: border-box;
}



.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  max-width: 100%;
  margin: 10px auto;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media all and (max-width: 900px) {
  .container {
    width: 100%;
  }
}
@media all and (max-width: 725px) {
  .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .card {
    width: 100%;
  }
}
.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  background: #fff;
  border: #ecedf0 4px solid;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  left: -1500px;
  -webkit-animation: 1.5s cubic-bezier(0.53, 0.2, 0.54, 1.33) 0s 1 slidein;
          animation: 1.5s cubic-bezier(0.53, 0.2, 0.54, 1.33) 0s 1 slidein;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.card:last-of-type {
  margin-right: 0;
}
.card:nth-of-type(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1.75s;
          animation-duration: 1.75s;
}
.card:nth-of-type(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes slidein {
  from {
    left: -1500px;
  }
  to {
    left: 0;
  }
}

@keyframes slidein {
  from {
    left: -1500px;
  }
  to {
    left: 0;
  }
}

ul {
  list-style-type: none;
  padding: 10px 0 15px 0;
}
ul li {
  font-size: 0.8em;
  padding-bottom: 10px;
}
ul li:first-of-type {
  padding-top: 10px;
}

h1 {
  font-size: 1em;
  font-weight: 500;
}

h2 {
  font-size: .6em;
  font-weight: 400;
  padding: 3px 5px 15px 5px;
}

.price {
  width: 100%;
  background: #ecedf0;

}

h3 {
  font-size: 2.5em;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;

}
h3 span {
  font-weight: 400;
  font-size: 0.4em;
}



ol {
    counter-reset: foo;

}

ol > li {
    counter-increment: foo;
    display: table-row;
}

ol > li::before {
    content: counter(foo) ".";
   display: table-cell; /* aha! */
    text-align:left;
}



th, td, td  {
    padding: 10px;
}



/* By default vertical-align ist not possible, only different elements can be vertically aligned among eachother */
.block {
  height: 100px;
}

.inner {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 5px;
}

.inner1 {
  height: 30px;
}

.inner2 {
  height: 20px;
}

/* With an added fake (pseudo) element it works. IMPORTANT: There must be no spaces between the elements in the source, else it doesn't work! */
.block2 {
  height: 80px;
}

/* Fake (pseudo) element, that enables vertical-align */
.block2:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* Also works if you set line-height instead of the height (or together with the same value as the height). No pseudo-element needed.  */
.block3 {
  /*height: 120px;*/
  line-height: 120px;
}

.inner3 {
  width: 80%;
  line-height: normal; /* Reset line-height for the child. IMPORTANT: Must be "normal", no integer value allowed! */
}








.block, .block2, .block3 {
  background-clip: padding-box;
  width: 100%;
}