/*
 Theme Name:   IPG Child Theme
 Description:  IPG child theme 
 Template: ipg
*/
 @font-face {
  font-family: 'Gotham-Bold';
  src: url('css/fonts/Gotham-Bold.eot');
  src: url('css/fonts/Gotham-Bold.woff2') format('woff2'),
       url('css/fonts/Gotham-Bold.woff') format('woff'),
       url('css/fonts/Gotham-Bold.ttf') format('truetype'),
       url('css/fonts/Gotham-Bold.svg#Sniglet-Regular') format('svg'),
       url('css/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

 @font-face {
  font-family: 'Gotham-Book';
  src: url('css/fonts/Gotham-Book.eot');
  src: url('css/fonts/Gotham-Book.woff2') format('woff2'),
       url('css/fonts/Gotham-Book.woff') format('woff'),
       url('css/fonts/Gotham-Book.ttf') format('truetype'),
       url('css/fonts/Gotham-Book.svg#Sniglet-Regular') format('svg'),
       url('css/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('css/fonts/Gotham-Light.eot');
  src: url('css/fonts/Gotham-Light.woff2') format('woff2'),
       url('css/fonts/Gotham-Light.woff') format('woff'),
       url('css/fonts/Gotham-Light.ttf') format('truetype'),
       url('css/fonts/Gotham-Light.svg#Sniglet-Regular') format('svg'),
       url('css/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-LightItalic';
  src: url('css/fonts/Gotham-LightItalic.eot');
  src: url('css/fonts/Gotham-LightItalic.woff2') format('woff2'),
       url('css/fonts/Gotham-LightItalic.woff') format('woff'),
       url('css/fonts/Gotham-LightItalic.ttf') format('truetype'),
       url('css/fonts/Gotham-LightItalic.svg#Sniglet-Regular') format('svg'),
       url('css/fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('css/fonts/Gotham-Medium.eot');
  src: url('css/fonts/Gotham-Medium.woff2') format('woff2'),
       url('css/fonts/Gotham-Medium.woff') format('woff'),
       url('css/fonts/Gotham-Medium.ttf') format('truetype'),
       url('css/fonts/Gotham-Medium.svg#Sniglet-Regular') format('svg'),
       url('css/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}


*{  padding:0;  margin:0; -webkit-font-smoothing: antialiased; outline:none; line-height: normal;  font-family: 'Gotham-Book', sans-serif;}
* a{	text-decoration:none;}
.middle{ text-align:center; margin:0 auto;overflow:auto}
.clear{ clear:both!important;}
b, strong, .bold{font-family: 'Gotham-Bold', sans-serif; display:inline-block;}
.medium{font-family: 'Gotham-Medium'; display:inline-block;}  

h1 strong { font-family: 'Gotham-Book' !important}


p{ font-weight: 300; font-size: 16pt; text-align: center; margin-bottom: 30px; color: #757575;}
h1{ font-weight: 300; font-size: 30pt; margin-bottom: 30px; text-align: left; text-transform: capitalize; color: #78843A}
h2{ font-weight: 300; font-size: 50pt; text-align: center; text-transform: uppercase; color: #ffffff;}
h4{ font-weight: 700; font-size: 14pt; text-align: center; text-transform: uppercase; color: #000000;}
h5{ font-weight: 300; font-size: 30pt; text-align: center; text-transform: uppercase;}

.left{ float:left; }
.left50{ float:left; width:50%;}
.f30{ float:left; width:33%; position:relative;min-height:170px}
.right{ float:right; }
.right50{ float:right; width:50%;}
.textleft, .textleft > * { text-align:left;}
.textright, .textright > *{ text-align:right;}
.textcenter{ text-align:center;}
.centeritem{ position: absolute; top: 50%; left: 50%; -ms-transform:  translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); transform: translate(-50%, -50%);}
.centeritem:parent{ position:relative!important;}

.orange, a.orange{ color:#78843A;}
.black, .black p{ color:#000!important;}

header#masthead{ width:100%; margin:0 auto; position: fixed; left: 0; right: 0; z-index:1; background-color: #fff; /*max-width:1400px*/; -ms-transition-duration: .6s; -webkit-transition-duration: .6s;transition-duration: .6s; z-index:1000000000;}
.headeroverlay{ background-color: rgba(35, 31, 32, 0.3); padding: 10.417%; position: absolute; top: 50%; left: 50%; -ms-transform:  translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); transform: translate(-50%, -50%); width:100%;height:100%; display:none}
.headerlogo{ display:inline-block; }
.headerlogo img { padding: 15.38px 20px; max-height:85px; vertical-align:middle; width:254px }
.site-branding{ float:left;}
.main-navigation { clear: none; display: inline; float: none;}
.menu-menu-1-container{ float:right;}
.main-navigation a { font-size: 17px; padding: 32px 30px; color:#78843A; }
.sliderimage{ padding:20%; background-position:center; background-size:cover; background-repeat:no-repeat;}
.current-menu-item a{ color:#03414C; font-family: 'Gotham-Bold'; border-bottom: 6px solid #B4BD90; }
.main-navigation a:hover { border-bottom: 6px solid #B4BD90; }


.page-content, .entry-content, .entry-summary, .hentry{ margin:0 auto;}
.pagefeaturedimage { width: 100%; padding: 15%; position:relative; background-position:center; background-size:cover; }
.featuredimagetext{transform: translate(-50%, 0%);}
.featuredimagetext p{ margin:0 auto;font-size:65px; color:#fff; }


#whowearecontent{ padding-bottom:110px;}
#whoweare{ padding:140px 0 110px 0;}
#whoweare .sub-wrapper{ max-width:1180px;}
.teammember{ display:inline-block; width:32.9%;}
.memberphoto { width: 260px; height:260px; background-position: center; border-radius: 100%; border: 5px #78843A solid; margin: 0 auto 30px auto; background-repeat:no-repeat; }
.membername{ font-size:30px; margin-bottom:15px;}
.memberposition, .memberemail{ font-size:20px;}
.teammember .line{ height:4px; width:106px; margin:23px auto;}
.memberphone{ margin-bottom:10px;}
#cuttingedgeteamcontent{ padding:130px 0;}
.cohesiveofferingwrapper{ display: inline-block; width: 33.333%;border-left: 4px solid; position:relative; height:50px; }
.cohesiveoffering { text-align: left;   padding: 0 15px; float:left;right: 50%; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%); left: 0; font-size:24px; width:100%; }
.memberemail a{ color:#fff;}

#servicessection{ padding:130px 0 80px 0;}
.services{ max-width:1100px; margin:70px auto 0 auto;}
.serviceswrapper { display: inline-block; width: 220px; position: relative; height: 220px; background-color: #768041; border-radius: 100%; margin: 0 50px 40px 50px; }
.service { text-align: center; font-size:20px; width:100%;  }

.sectors{ max-width:1480px; margin:75px auto 0 auto;}
.sector { max-width:20%; width: 100%; display: inline-block; vertical-align: top; margin: 0 50px 90px 50px;}
.sectorimage { padding: 50%; background-repeat: no-repeat; background-size:cover; background-position:center; border-radius:100%; margin-bottom:30px; }
.sectortext{ text-align:center;}
.sectortext{ font-size:24px; font-family: 'Gotham-Bold', sans-serif; color:#78843A; max-width: 85%; margin: 0 auto;}

.ourclients { text-align: center; }
.clientlogowrapper{ width:20%; display:inline-block; text-align:center; margin-bottom:90px;}
.ourclients img { vertical-align: middle;}

.allprojects{ max-width:980px; margin:0 auto 170px auto; clear:both;}
.projectoverlay{ width: 100%; height: 100%; position:absolute; -ms-transform:  translate(0, 0); -webkit-transform:  translate(0%, 0%); transform: translate(0, 0); background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; display:none; }
.projectoverlay:hover{ display:block;}
.projectimage { background-repeat: no-repeat; background-size: cover;background-position: center; position: relative; margin-bottom:24px; padding: 20%;}
.projectinfo{ left: 5%; -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%);color: #fff;}
.projecttitle{ font-size:34px; text-align:left;}
.detailslink { left: 5%; transform: -ms-transform:  translate( 0%, 0%); -webkit-transform:  translate( 0%, 0%); translate(0%, 0%); color: #fff; top: 85%; font-size: 20px; }
button.alm-load-more-btn { background: #768041!important; }
.detailslink > * { display: inline-block; vertical-align: middle;}
.detailslink img{ height:15px;}

.projectslider .sliderimage { padding: 17.344%!important;}
.singleprojectcontent > *{font-size:24px;}
.singleprojectcontent li { list-style-position: inside; list-style:none; }
.singleprojectcontent li::before { content: "\2022"; margin-right:5px;  color: #768041; vertical-align:middle;}
#singleprojectsection .medium.clear.orange { margin-bottom: 20px; font-size: 24px; }
#singleprojectsection .line{ height:6px; max-width:520px; width:100%; margin:50px auto 70px auto;}
.singleprojectfeatures > *{ font-size:24px;}
.singleprojectfeatures .split{ clear:both; height:50px;}
a.viewotherprojects { color:#fff; font-size:20px; background-color: #768041; padding: 16px;    margin: 80px auto 0 auto;
    display: block;
    width: 305px;}
#singleportfoliocontent ul{ margin:0 auto;}
.clientname{ color:#fff;}

.testimonialwrapper{ text-align:center; max-width:820px; margin:0 auto;}
.testimonialwrapper > *, .clientname{ text-align:center!important; float:none!important; font-size:24px;}
.testimonial-client{ text-align:center;}
.testimonial-name{font-family: 'Gotham-Bold', sans-serif; color:#78843A; margin: 0 auto; text-align:center;}
.testimonial-company, .testimonial-position{  color:#78843A; display: inline; }
.testimonial-content p:first-of-type:before{content: '“';}
.testimonial-content p:last-of-type:after{content: '”';}

.excerpt { width: 30%; margin: 0 0 0 3%; display: inline-block; vertical-align:top;}
.excerpttitle{ font-size:34px;}
.excerptcontent{ font-size:24px;}
.excerptlink{ font-size:30px;}

.testimonial-position:after{ content:', ';}
#testimonialsection h1{ margin-bottom:15px;}
.strong-view.pager-style-buttons .wpmslider-wrapper .wpmslider-pager-link:before{ margin:0 4px; width:16px!important; height:16px!important; content:''!important; border:1pt solid #768041!important; border-radius:100%;}
a.wpmslider-pager-link.active:before{ background-color:#768041; border:0;}

.rounded{ border: solid 3px #78843A; border-radius: 100000px; display:inline-block; max-width: 26.213%; width: 100%; padding: 12.81% 0; vertical-align:middle; position:relative;}
.keyvalues .rounded h5{position: absolute; top: 50%; left: 50%; margin-right: -50%; -ms-transform:  translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); transform: translate(-50%, -50%); }
.rounded h5{font-size:33px;}
.keyvalues .clear{ max-width:850px; margin:0 auto;}
.keyvalues .clear .line { display: inline-block; margin-left: -5px; margin-right: -5px; height: 4px; width: 9.892%; }
.toparrow,.bottomarrow{ margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.toparrow,.bottomarrow{transform: translate(-50%, -2%)!important; z-index:100; }
.toparrow{top:0;}
.bottomarrow{top:100%; margin-bottom: -35px;}

.wrapper{ width: 95%; max-width: 1140px; margin: 0 auto; display: inline-block;}
.sub-wrapper{ width: 100%; max-width: 960px; margin: 0 auto; display: inline-block;}
.tax-portfolio_category .sub-wrapper{ max-width: 980px}
.slider{ height: 800px; width: 100%; background-color: black; }
.section{ width: 100%; padding: 70px 0; background-color: #ffffff; color:#231f20;}
.section-black{ width: 100%; padding: 70px 0; background-color: #023C52; color: #ffffff; position:relative; }
.section-black p{ color: #ffffff;}
.logo-stamp{ max-width: 75px; margin: 0 auto; display: inherit; margin-bottom: 40px;}
.line{ width: 180px; margin: 0 auto; height: 7px; background-color: #78843A; clear: both;}
.header{ padding-top: 200px; padding-bottom: 120px; width: 100%; background-color: black;}


.projectwrapping{ max-height:700px;}
.projectlink { width: 33.3333%; display: inline-block; text-align: center; position:relative; float:left;	 } 
.projectlink a { width: 100%; display: block; background-size: cover; background-position: center; padding: 49.8%; position:relative; color:#fff; overflow:hidden; }
.projectlink .line{ width:90px; height:5px; margin-top:15px;}
.projectlink .job, .projectimage .job{ font-size:20px; text-transform: uppercase; margin:30px 0 0 20px; padding:5px 10px; border: 1px solid #fff; border-radius:5px; text-align:left; display:inline-block; color:#013E51	}
.joboverlay{ background-color: rgba(180, 186, 150, 0.6); padding: 0; position: absolute; bottom: 0; left: 0; ; width:100%; height:100px; display:block !important; text-align:left}
.projectlink a:hover .job, a.portfolioproject:hover .job {background-color: rgba(1, 62, 81, 0.3); color:#fff; border:none}

.nav-links, nav.navigation.post-navigation{ display:none;}
footer#colophon { display:block; width:100%; padding:100px 50px 120px 50px; clear:both;background: #023C52;color:#fff}
footer#colophon p {color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
    margin-top: 60px; }
footer#colophon .f30 .medium{ font-size:20px;}
.footercontactdetails{ max-width:840px; width:100%;color:#707620}
.footercontactdetail{ margin:15px auto;font-size:20px;}
.footercontactdetail a{ font-size:20px; color:#707620;}
.footercontactdetail .right{ text-align:left;}
.footercontactdetail .left {width: 35px; }
.footercontactdetail .left img { vertical-align: middle; }
#footerphone .left { padding: 3px 0; }
#footermail .left { padding: 5px 0; }
#footerlocation .left { padding: 15.64px 0px; }
.rightfootericon{ width:65px;}
footer#colophon .right50 .left{ color:#fff; font-size:16px; line-height: 32px; padding:2.5px 25px;}
.masterbuilders{ margin-bottom:0;}
footer#colophon .right50{ position:relative; clear:both;}
.businesscontacts{ position:absolute; bottom:0px; right:0;}

#singleportfoliocontent .sub-wrapper {
text-align:left;
}

.postid-134 .projectslider div:nth-child(3) {
background-position: center bottom;
}

@media screen and (max-width: 1920px) {
	.sliderimage{ padding:27.344%;}
}

@media screen and (max-width: 1420px) {
	.main-navigation a { padding-left: 25px; padding-right: 25px; }
	.pagefeaturedimage,.bx-wrapper{ margin-top:79px;}
	.pagefeaturedimage,.headeroverlay{ padding:17.5%;}
	.featuredimagetext { -ms-transform:  translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); transform: translate(-50%, -50%);    width: 100%; }
	header#masthead{ top:0;}

	
	}
@media screen and (max-width: 1320px) {
	.main-navigation a { padding-left: 20px; padding-right: 20px; }
	}
@media screen and (max-width: 1280px) {
	.main-navigation a { padding-left: 15px; padding-right: 15px; }
	}
@media screen and (min-width: 1181px) {
	.menu-toggle { display: none; }
	.main-navigation ul { display: block; }
}
@media screen and (max-width: 1180px) {
	.main-navigation li {  width:100%; text-align: center;}
	.menu-toggle { display: inline-block; float: right;border: 0; background-color: transparent; padding:40px; border-radius:0; outline:none; background-image:url(css/images/menu.svg); background-repeat:no-repeat; background-position:center; }
	.menu-menu-1-container { float: none; display: block; width: 100%; clear: both; }
	.main-navigation a { padding-left: 0; padding-right: 0; }
	.main-navigation a { font-size: 18px;}
	.pagefeaturedimage,.bx-wrapper{ margin-top:155px;}
		.pagefeaturedimage,.bx-wrapper{ margin-top:50px;}


	}
@media screen and (max-width: 1140px) {
	.serviceswrapper { width: 220px; height: 220px; }
	.service.bold.centeritem { font-size: 18px; }
	.contactmap{ height:500px!important;}

	}
@media screen and (max-width: 1080px) {

	footer#colophon{ padding-top:50px; text-align:center;}
	footer#colophon .f30, .masterbuilders,.rightfootericon, footer#colophon .textright{ margin-bottom:30px!important;}
	footer#colophon .f30, footer#colophon .right50{ width:100%; clear:both; display:block; float:none!important;}
	.footercontactdetails{ margin:0 auto;}
	.footercontactdetail .left{ float:none; display:inline-block;}
	.businesscontacts{ position:relative; bottom:0; text-align:center; }
	.businesscontacts .textright{ text-align:center;}
	.businesscontacts .right, .businesscontacts .left{ float:none; margin:0 auto;}
	.footercontactdetails a{word-break: break-word;}
	.footercontactinfo a { font-size: 18px; }
	#whoweare { padding: 70px 0; }
	.memberphoto { width: 250px; height: 250px;}
	.memberposition, .memberemail { font-size: 16px; }

	}


@media screen and (max-width: 1020px) {
	.section-black, .section{ padding:50px 20px!important;}
	#whowearecontent { padding-bottom: 50px; }
	.serviceswrapper { margin: 0 20px 40px 20px; }
	.service { width:90%; }
	.sector { max-width: 24%; margin: 0 auto 20px auto; }
	.sectorimage { width: 80%; margin: 0 auto; padding: 40%; }
	.sectortext { font-size: 18px; max-width: 90%; margin-top: 10px; }
	}
@media screen and (max-width: 960px) {
	.logo-stamp{ margin-bottom:10px;}
	p{ font-size: 14pt; margin-bottom: 20px; line-height:18pt; }
	h1{ font-size: 28pt; margin-bottom: 30px; }
	h2{ font-size: 40pt; }
	h4{ font-size: 12pt; }
	h5{ font-size: 28pt; }
	.memberphoto { width: 200px; height: 200px; background-size: 100%; }
	.membername { font-size: 25px;}
	.memberposition, .memberemail { font-size: 14px; }
	.allprojects { padding: 0 20px; }
	.excerpt { width: 100%; text-align: center; margin: 10px auto; }
	.excerptcontent{ text-align:center;}
	.excerpttitle { font-size: 30px; }
	.excerptcontent { font-size: 22px; }
	.excerptlink { font-size: 25px; }
	#singleportfoliocontent .bx-wrapper{ margin-top:0!important;}
	}
	
	
@media screen and (max-width: 900px){
	.serviceswrapper { width: 20%; height: 100%; padding: 13%; }
	.testimonial-content p { font-size: 18px; }
	.rounded h5{ font-size:28px;}
}
@media screen and (max-width: 860px) {
	.rounded h5{ font-size:25px;}
	.footercontactdetails{ border-bottom:5px solid #768041;}
	.clientlogowrapper { width: 23%; margin: 0 1% 20px 1%; }
	}
@media screen and (max-width: 780px) {
	.teammember { width: 100%; margin-bottom:40px; }
	.memberphoto, .membername { margin-bottom:20px;}
	.membername {  font-size: 30px; }
	.teammember .line{ margin:10px auto;}
	.memberposition, .memberemail { font-size: 24px; }
	.featuredimagetext p {font-size: 50px; }
	.cohesiveofferingwrapper { width: 50%; }
	.cohesiveoffering{ font-size:18px;}
	.serviceswrapper { width: 25%;  padding: 13%; }
	.serviceswrapper { margin: 0 20px 20px 20px; }
	.service.bold.centeritem{ font-size: 16px; }
	.pagefeaturedimage, .bx-wrapper { margin-top: 35px;}
}
@media screen and (max-width: 720px) {
	p{ font-size: 14pt; margin-bottom: 20px; line-height:18pt; }
	h1{ font-size: 25pt; margin-bottom: 26px; }
	h2{ font-size: 35pt; }
	h5{ font-size: 24pt; }
	.serviceswrapper { width: 25%;  padding: 14%; }
	.serviceswrapper { margin: 0 10px 20px 10px; }
	.service.bold.centeritem{ font-size: 16px; }
	.sector { max-width: 32%; }
	}
@media screen and (max-width: 660px) {
	.rounded h5{ font-size:22px;}
	.keyvalues .clear .line{ width:5%;}
	.rounded{max-width: 28.213%; width: 100%; padding: 14%;}
	.serviceswrapper { width: 30%; padding: 15%;}
	.serviceswrapper { margin: 0 5px 10px 5px; }
	.service.bold.centeritem{ font-size: 14px; }
	.clientlogowrapper { width: 31%; margin: 0 1% 10px 1%; }
	.projectimage{ margin-bottom:10px;	}
	}
@media screen and (max-width: 560px) {
	.rounded h5{ font-size:18px;}
	.projectlink { width: 100%; }
	.projectlink a { padding: 20%; }
	.joboverlay{ display:block!important;}
	footer#colophon { padding-left:20px; padding-right:20px;}
	#whoweare { padding: 50px 20px; }
	.sector { max-width: 49%; margin-bottom:10px; }
	.sectors {margin: 25px auto 0 auto;}
	.sectortext { font-size: 14px;}
	.testimonial-inner { padding: 10px 0 50px 0!important; }
	.projecttitle { font-size: 25px;}
	.detailslink { -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -50%); }
	.contactmap{ height:400px!important;}
	#singleprojectsection .line { height: 6px; margin: 25px auto; }
	#singleprojectsection .medium.clear.orange { margin-bottom: 10px;}
	.singleprojectcontent > *, #singleprojectsection .medium.clear.orange{ font-size:20px!important;}
	.singleprojectfeatures .split { height: 20px; }
	a.viewotherprojects { margin-top: 40px; }
	.projectslider .sliderimage { padding: 25%!important; }
	#colophon p.copyright {text-align:center !important}
	.joboverlay {height:80px}
	.joboverlay .job {font-size: 16px;margin: 20px 0 0 20px;}
	}
@media screen and (max-width: 480px) {
	.memberposition, .memberemail { font-size: 18px; }
	.serviceswrapper { width: 40%; padding: 22%; }
	.excerpttitle { font-size: 26px; }
	.excerptcontent { font-size: 18px; }
	.excerptlink { font-size: 20px; }
	#colophon p.copyright {text-align:center !important}
	}
@media screen and (max-width: 440px) {
	.rounded{ padding:30%; margin:10px auto; font-size:18px; clear:both;}
	.keyvalues{ padding:50px 10px;}
	.keyvalues .clear .line{ display:none;}
	.cohesiveofferingwrapper { width: 100%; }
	.cohesiveoffering{ font-size:17px;}
	/*.textleft, .textleft > *, .textright, .textright >	 *{ text-align:center!important;}*/
	.pagefeaturedimage, .headeroverlay {padding: 25%; }
	.projectinfo { width: 100%; left: 0; }
	.projectinfo, .detailslink { -ms-transform:  translate(0%, -50%); -webkit-transform:  translate(0%, -50%); transform: translate(0%, -70%); }
	.detailslink{ left:0; right:0;}
	.projectslider .sliderimage { padding: 30%!important; }
	.projecttitle{ text-align:center;}
	
	}
	
@media screen and (max-width: 400px) {
	.projectlink a { padding: 25%; }
	.main-navigation a { padding: 20px 0px; }
	.main-navigation a:hover{ padding-bottom:14px!important; }
}
@media screen and (max-width: 360px) {
	.cohesiveoffering{ font-size:15px;}
	.serviceswrapper { width: 50%; padding: 40%; }
	.sector { max-width: 48%;}
	.sectortext { font-size: 13px; max-width:100%;}
	.sectorimage{ padding:45%;}
	.projecttitle { font-size: 17px; }
	.detailslink { font-size: 16px; }
	
	}
@media screen and (max-width: 260px) {
	.rounded{ padding:40%;}
	}