body {
    font-family: 'Lato', sans-serif ;
    
}


/* nav stuff */

.menubkgdcolor{background-color:#B5B5B5 !important;}

.textwidget > p,small {width:280px;}

h4.mega-block-title {text-transform:none !important; font-size:2em !important; color:#24428D !important; margin: 0px !important; padding:0px !important;}

.menu > li {list-style: none; margin-bottom: 0.55em; list-style-position: inside; margin-left:0px !important; padding-left:0px;}

ul.menu {list-style:none; padding-left:0; margin:0px;}

.text-muted > a {color: #222 !important; font-weight:bold !important;}

.text-white {color:#fff;}

a.btn.btn-primary {
border: 2px solid #333;
color: #24428D;
background-color: #ffffff;
padding: 10px 20px;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
box-shadow: none;
border-radius: 0px;
transition: all .2s ease-in-out;
line-height: 1.3333333;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;}

a.btn.btn-primary:hover{color:#fff;border: 2px solid #333;}

.no-gutters {margin-right:-5px; margin-left:25px; padding:0px; }

.bbak{
	 background: url(https://dominicanfriars.org/content/uploads/2021/07/backgndK2.png) repeat;width:100%;}

.v-center {
  position: relative;
  top: 60%;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}

.homepage > h1 {font-size:4.5em;text-shadow: 1px 1px 7px #000000; font-weight:800;}

.homepage > h2 {text-shadow: 1px 1px 7px #000000;}

.mt-5{margin-top:5%;}

.p-2{padding:2%;}
.p-1{padding:1%;}

.blue-back {
    background-color: #24428d;
}

@media only screen and (max-width : 767px) {
	
	
.textwidget > p,small {width:100%;}	
	
.box {display:block; width: 100%;}
	
.is-table-row [class*="col-"] {
	display: block !important;}	

	.no-gutters {margin-right:0px !important; margin-left:0px !important;  }
	
	
	.v-center {
   position: relative;
  top: 45%;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
}

	
}

@media only screen and (min-width : 768px) {
  .is-table-row {
		display: table;
	
	}
		
		.br-5{border-right: 5px solid #fff;}		
		
		.bl-5{border-left: 5px solid #fff;}		
		
		.bb-5{border-bottom: 5px solid #fff;}		
		
		.bt-5{border-top: 5px solid #fff;}		
		
		
  }
  .is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
		
  }
	.backblack{
	display: flex;
  align-items: flex-end;
  min-height: 250px;
 }
	
.w-100 {min-width:100%;}
	
}



.is-table-row .box {
  background: none;
  position: static;
	vertical-align: bottom;
	
  
}
.is-table-row [class*="col-"] {
  background: #fff;
	vertical-align: bottom;
	
}

.p-3 {padding:3%;}