/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 03 2023 | 15:41:02 */
/* Damian */
.hidethis { display: none !important}
.fullrow { width: 100vw; left: 50%;transform: translateX(-50%);position: relative; }
#mojo-sp-right { height: 280px }
#mojo-sp-right h3 { color: white }
#mojo-sp-right .mybtn { margin: 25px auto;padding: 15px 30px;display: table;font-size: 19px;color: white;text-align: center;text-transform: uppercase;text-decoration: none;
border: 2px solid white;border-radius: 4px;background: transparent;}
#mojo-sp-right-wrap { position: fixed; top: 60% }
#mojo-sp-right-button span { font-size: 40px;     top: 5px;    left: 5px;}
.rocalert { font-weight: bold; color: red}
.vc_tta-panels p { margin-left: 2em }
.page-id-10312 .innerbannerArea, .page-id-10696 .innerbannerArea { display: none }
.page-id-21285 .strategiesArea, .page-id-21264 .strategiesArea  { display: none }
.podcastaudio { max-width: 560px !important }
.boxedcontent {max-width: 1230px; margin: 0 auto; }
.carditem {   padding: 25px }
.carditem .vc_column-inner { box-shadow: 0 0 9px rgba(0,0,0,0.3); padding: 15px;  }
.carditem .wpb_text_column, .carditem .wpb_single_image { margin-bottom: 15px }
.carditem .mybtnex { margin: 0 auto !important; }
.grayscale { filter: grayscale(100%); }

/*nice genes*/
 .shorty { position: absolute;top: 5vw;right: 12vw;width: 15vw;	 z-index: 500;}
 .gold { position: absolute;top: 15vw;right: 7vw;width: 15vw; }
 .shortym { position: absolute; top: 20vw;right: 10vw;width: 20vw !important;z-index: 500;}
 .goldm { position: absolute;top: 35vw;right: 5vw;width: 20vw !important;}

.tax-types .postnav.stay { display: none }
.amazingcarousel-image div a { display: none !imporant}
.page-template-template-education-geneskool .wp-image-791 { max-width: 600px }
.single-impact-story .fa-comments { display: none }
.menuArea .menusub .sector .text { font-size: 20px; color:#374545; text-align: left; line-height: 26px; font-weight: 300; }
.menuArea .menusub .sector .text { font-size: 18px; color:#333d47; text-align: left; line-height: 22px; font-weight: 300; }
.single-staff blockquote {color: #3FAE29 }
.single-staff .staffArea { padding-top: 30px}
.single-staff .dropdown > li:not(:first-child), .single-board .dropdown > li:not(:first-child) { display: none }
.single-staff .postnav .dropdown { display: block}
.boardArea .allboard .board-observers {  }
.genomicsArea { background: white }
.rightColmun .pitem h2 { border-bottom: 1px solid #3fae29; }
.homeh1 { text-align: center; font-size: 44px; line-height: 48px; margin-bottom: 50px; color: #001d60 }
.justcap { text-transform: capitalize }
.indented { margin-left: 17px }
.rightColmun ul { padding: 0px; } 
.rightColmun .widgettitle { margin:0px }
.page-template-template-partners .genomicsArea { display: none }
.page-template-template-partners .profileArea { margin-bottom: 0px }
.ee-upcoming-events-widget-li .ee-event-datetimes-ul { padding-top: 20px }
.single-tribe_events .innerbannerArea, .mobilemenuArea .menutogle { display: none !important }
.single-tribe_events h1 { color: #032366 }
.mega-menu-wrap { float: left !important; margin-right: 25px }
.logoArea { padding-bottom: 20px }
.mega-toggle-on .mega-menu-link { padding-bottom: 15px; border-bottom: 2px solid #2FB457 } 
.post-type-archive-tribe_events .innerbannerArea { display: none }
.page-template-template-impact-research .impact #impactLoad .item:nth-child(-n+6) { display: block }

.mycontainer th, .mycontainer td { border: 1px solid black; padding: 10px; } .mycontainer table { border: 0px; width: 100%; padding-bottom: 20px} 
.mycontainer table tr:first-child td {  border-top: 0;} .mycontainer table tr td:first-child {  border-left: 0;} .mycontainer table tr:last-child td {  border-bottom: 0;} .mycontainer table tr td:last-child {  border-right: 0;}
.cls-1 { fill: none }

.footable { border-radius: 5px !important; border: 1px solid #3FAE29 !important; color: #001d60 !important; font-family: 'Roboto' !important }
.footable > thead > tr > th, .footable > tfoot > tr > td { background: white !important }
.amazingcarousel-image div a { display: none !important}
.workshopArea .wpcf7-response-output { clear: both }
.sfwd-quiz-template-default #text-4 .textwidget, .sfwd-courses-template-default #text-4 .textwidget { border: 0px; margin-top: 4px; margin-left: 20px;  }
.single-post #respond {display: none }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 .rightColmun .pitem .text h3 { font-size: 15px }
}
.highlight-and-share-wrapper div { padding: 0px }
.highlight-and-share-wrapper { margin-top: -75px; }
.divsendbutton input { margin-top: 0px !important }
.workshopArea div.wpcf7-validation-errors, .workshopArea div.wpcf7-acceptance-missing { clear: both; width: 50% }

@media only screen and (min-width: 1200px) {
.page-id-6812 .partnerbannerArea { background: url(https://www.genomebc.ca/wp-content/uploads/2021/05/About_genomeBC_2021-1.jpg) no-repeat top center / contain !important; }
}
.page-template-template-newblog .searchandfilter .sf-field-reset input {    padding: 16px 38px;    display: block;    position: relative;    font-size: 24px;    color: #fff;
    text-decoration: none;    text-transform: uppercase;    border-radius: 7px;    z-index: 1;    background: #3FAE29;}
.ll-skin-melon .ui-datepicker .ui-datepicker-title { margin-top: 1.2em;  margin-bottom: 0em; }


/* Robyn */
.pictureunder { margin-left: -23%;    margin-top: 80px;} 
@media only screen and (min-width: 1250px) and (max-width: 1500px){
	.pictureunder { margin-top: 22%; margin-left: -20%;} 
    .pictureunder img{ max-width: 750px;}
    }
@media only screen and (min-width: 1024px) and (max-width: 1249px){
	.pictureunder {margin-top: 20%; margin-left: 0%;}
    .pictureunder img {max-width: 400px;}
    }
 @media only screen and (min-width: 769px) and (max-width: 1023px){
 	.pictureunder {margin-top: 0%; margin-left: 0%;}
    .pictureunder img {max-width: 250px;}
    }
@media only screen and (max-width: 768px){
	.pictureunder {margin-left: 0%;}
	.pictureunder img {max-width: 100%;}
    }
.gssidebar a {color: #21b24b;}
.workshopArea select.wpcf7-form-control{
border: solid 1px;
border-bottom: solid 1px;
width: 100%;
height: 52px;
margin: 0px;
}

.gstext h4, .ugtext h3, .whowearetext h3{
	font-style: normal;
    }
    
/*.page-id-122 .partnerbannerArea h3, .page-id-794 .partnerbannerArea h3{
	font-style: normal;
	}*/
    page-id
.postid-1854 .tkt-slctr-tbl-wrap-dv{
display: none;
}

/*.postid-1852 .tkt-slctr-tbl-wrap-dv{
display: none;
}*/

.postid-1849 .tkt-slctr-tbl-wrap-dv{
display: none;
}


.our-story-h1{  color: white !important;}
.our-story-paragraph{
    margin: 60px 0 0 0;
    font-family: 'titillium_websemibold';
    font-size: 29px;
    color: #fff;
}

@media only screen and (min-width: 769px){
	.our-story-block{
  		margin-top:30%;
  		margin-left: 12%;
  		margin-right: 12%;
      	margin-bottom: 8%;
	}
}

.our-story-link-row{
  background-size: cover;
  background-position: right;
}

.page-template-template-ourprogress2 .center img, .page-template-template-ourprogress3 .center img{
     max-width: 150px;
     box-shadow: 2px 2px 8px #000;
     margin: 0px auto 20px auto;
     height: auto;
}

.arcoverthumbnail{
  box-shadow: 2px 2px 8px #000;
}

.page-template-template-ourprogress2 .genomicsArea.about .item, .page-template-template-ourprogress3 .genomicsArea.about .item{
  width: 33.33%;
}

.page-template-template-ourprogress2 .genomicsArea, .page-template-template-ourprogress3 .genomicsArea{
  background-color: #001e61 !important;
}

.page-template-template-about-landing .amazingcarousel-description, .page-template-template-about-landing .amazingcarousel-title { display: none }

.page-template-template-geph .genomicsArea .item:nth-of-type(3n+4) { clear: none }
.page-template-template-geph .genomicsArea .col-md-6 .body { clear: none }
.page-template-template-geph .genomicsArea .col-md-6 p { margin-bottom: 0px}

.annualReportsArea svg{
  width: 40px;
}

.reportsSlider{
  background-color: #DADFE1;
  padding-top: 30px;
  padding-bottom: 20px;
}

.page-template-template-ourprogress2 .center, .page-template-template-ourprogress3 .center{
  float: left;
}

.pdfdownload{
  height: 45px !important;
}

.fDownloadLabel{
  color: #032366 !important;
}

.corporateEvaluations{
  margin-top: 40px;
  margin-bottom: 40px;
}

.corporateEvaluations h3{
  margin-bottom: 20px;
}


.annualreportsheading{
  margin-bottom: 20px;
}

.noborder a{
  color: #032366 !important;
}

#ui-datepicker-div{
  background-color: #fff;
}

.intro-page-text p, .intro-page-text h5{
  color: #fff;
}

.intro-page-button .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
   color: #fff;
   border-color: #fff;
   background-color: transparent;
}

.page-id-5371 .contentArea{
  padding: 0px;
}

.page-template-template-geneskool-intro .profileArea, .page-template-template-volunteer-with-us .profileArea{
  display:none;
}

.page-template-template-geneskool-intro .talkArea, .page-template-template-volunteer-with-us .talkArea{
  display:none;
}

.page-template-template-geneskool-intro .strategiesArea, .page-template-template-volunteer-with-us .strategiesArea{
  display: none;
}

p.geneskool-intro-text{
  margin-top: 2%;
}

.page-template-template-geneskool-intro .partnerbannerArea:after{
  background: url(https://www.genomebc.ca/wp-content/uploads/2018/10/volunteers2.jpg) no-repeat center center / cover;
}

.page-template-template-geneskool-intro .partnerbannerArea, .page-template-template-volunteer-with-us .partnerbannerArea{
  padding: 0px;
}

.ld_profile_course{
  font-weight: 600;
}

#learndash_lessons, #learndash_quizzes, .expand_collapse, .notavailable_message, #learndash_lesson_topics_list div > strong, #learndash_lesson_topics_list div ul > li .sn, .learndash_profile_heading, #learndash_profile a, #learndash_profile div{
  font-size: 16px;
}

.contact-staff-form .workshopArea label{
  font-family: 'titillium_webregular';
}

.page-template-template-contact-staff .innerbannerArea{
  display: none;
}

.geneskool-intro-logo{
  display: inline-block;
}

@media screen and (min-width: 1000px){
.page-template-template-geneskool-intro a.mybtnex{
  float: right;
  margin-top: -60px !important;
}
}

.equity-block{
  padding-bottom: 20%;
}

@media only screen and (min-width: 767px){
  h3.equity-h3{
     font-size: 45px;
  }
}


h3.equity-h3{
  color: #fff;
  font-weight: 600;
  padding-bottom: 3% !important;
}

.equity-block p{
  color: #fff;
  padding-bottom: 3% !important;
}

@media only screen and (min-width: 767px){
  .equity-block p{
  margin-left: 8%;
  margin-right: 8%;
}
}

a.aboutbutton{
  text-decoration: none;
  border: #fff 1px solid;
  background: transparent;
}


.aboutbtn{
  display: block;
  margin: auto;
  width: 25%;
  padding-left: 8%;
}

@media only screen and (max-width: 767px){
  .aboutbtn{
    display:block;
    margin: auto;
    width: 50%; 
    padding-left: 8%;
  }
}

.catalyst-row-about{
  margin-bottom: 40px;
}


#loginform .button-primary { display: initial; font-weight: bold }

@media screen and (min-width: 760px){
.asset-map-text{
  width: 60%;
}
  .asset-map-image{
  padding-top: 60px;
  padding-bottom: 60px;
}
}

.asset-map-text{
  float: left;
  padding-top: 60px;
  padding-bottom: 60px;
}


.asset-map-image img{
  margin: 0px auto 0px auto !important;
}
 

/* Jim */
.staffdetails {border-bottom: none;}
.greenblock, .greenblock h3  {color: white; }
.paddedh2 { padding: 0 40px; color: #001D60; }
.greenblock ul li:before {content: "\00BB \0020";}
.greenblock .alignright { padding: 0px; }
.greenblock ul { list-style: none;}
.greenblock .vc_column-inner { padding-top:0px !important; }
.mycontainerrow { margin: 0 auto !important; padding: 0px; max-width: 1230px; }
.genomicsArea.about .graphbox { width: 500px !important; }
.genomicsArea .graphbox { height: auto !important; }
.boldblue { color: #032366; font-family: 'titillium_webbold'; }
/*.boldpurple { color: #3e1151; }*/
.purpletext { color: #3e1151; } 
.bluetextp { color: #032366; padding: 20px 0 0 0; font-family: 'titillium_webbold' !important; } 
.bluesvgchange .cls-1 { fill: #001D60; opacity: 1; stroke: none; }
#icoSocietalEngagement .cls-2 { stroke: none !important; }
.noborder td { border: none !important; }
.purplesvgchange .cls-1 { fill: #3e1151; opacity: 1; stroke: none; }
.pdfdownload { box-shadow: none !important; height: 67px; }
.strategiesArea h3 { font-size: 15px; line-height: 25px; font-family: 'Roboto', sans-serif; }
.workh2 { font-family: 'titillium_webregular'; }
.workpeopleimg { margin: 0 !important; }
.greenquote { color: #3FAE29; font-style: italic; }
.healthpartner .cls-1 { fill: #0071ce !important; }
.forestrypartner .cls-1 { fill:#006b35 !important; }
.fishpartner .cls-1 { fill:#00adbb !important; }
.agrifoodpartner .cls-1 { fill:#ffa400 !important; }
.enviropartner .cls-1 { fill:#6cc04a !important; }
.miningpartner .cls-1 { fill:#7d868c !important; }
.energypartner .cls-1 { fill:#c05626 !important; }
.marginlist { margin: 0 0 20px 0; }
.leftalign { text-align: left; }
.mybtnex:hover { text-decoration: none !important; }
.mybtnex {  margin: 0 !important; }

.acf-image-uploader.active .has-image {     width: 20%; }
.tax-funding_opportunity_cat .innerbannerArea, .parent-pageid-46 .innerbannerArea, .parent-pageid-405 .innerbannerArea,
.single-funding-opportunity .innerbannerArea { background: url('/wp-content/uploads/2017/08/funding_banner.jpg') !important; }
.page-template-template-current-opportunities .sf-field-submit { display: none !important }
.page-template-template-current-opportunities .middleWrapper .sub .image { display: none }
.page-template-template-current-opportunities .OppArea .row::before { clear: left }
.page-id-120 .partnerbannerArea  { background-size: auto auto !important } 
.page-id-120 .partnerbannerArea:after { background: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(255,255,255,1) 35%); }

.searchandfilter ul li { display: inline-block; padding-right: 15px }
.searchandfilter ul li select { border: 0px; line-height: 50px; }  
.searchandfilter ul li.sf-field-submit { display: block; margin-top:15px;  }
.searchandfilter .sf-field-submit input { clear: both;  padding: 15px; font-family: 'titillium_webbold';    font-size: 20px;
    color: #fff;    text-transform: uppercase;    border: none;    background-color: #3FAE29 !important;}

.sf-field-taxonomy-competition {   width: 500px !important; margin-top: 20px !important; }
.sf-field-taxonomy-competition select {   width: 480px !important; }
.sf-field-taxonomy-sector {   width: 190px !important; margin-top: 20px !important; }
.sf-field-taxonomy-sector select {   width: 170px !important; }
.sf-field-taxonomy-fiscal_year_funded {   width: 190px !important; margin-top: 20px !important; }
.sf-field-taxonomy-fiscal_year_funded select {   width: 170px !important; }
.sf-field-taxonomy-status {   width: 190px !important; margin-top: 20px !important; }
.sf-field-taxonomy-status select {   width: 170px !important; }

.sf-field-taxonomy-funding_opportunity_cat {   width: 300px !important; margin-top: 20px !important; }
.sf-field-taxonomy-funding_opportunity_cat select {   width: 280px !important; }
.sf-field-taxonomy-status_funding {   width: 190px !important; margin-top: 20px !important; }
.sf-field-taxonomy-status_funding select {   width: 170px !important; }

.OppArea .row .item:nth-child(4n+1) { clear:left }

.blog #middleWrapper, .page-template-template-board #middleWrapper { padding-top: 50px }
.blog .leftColmun #previous .item:nth-child(2n) { clear: left }
.page-template-template-people #demo { padding-top: 100px }
.blog .innerbannerArea, .page-template-template-people .innerbannerArea, .page-template-template-board .innerbannerArea { display: none }
.blog2019 { margin-top: 11vh }
.blog2019 .leftColmun .text { min-height: 0px;}
.blog2019 .leftColmun #previous .item { display: block }
.blog2019 .sf_date_field { margin-left: 0px !important  }
.blog2019side select, .page-template-template-newblog .searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select  { font-family: 'robotolight'; font-size: 18px; color: #000; font-weight: normal; }
.blog2019side .searchandfilter h4 { padding-bottom: 0px !important }
.page-template-template-newblog .ui-datepicker .ui-datepicker-calendar span { color: black }
.page-template-template-newblog .ui-helper-clearfix::after { content: "."; } 

.annualreportheading { position: relative; font: bold 20px "titillium_websemibold", sans-serif; line-height: normal; color: #032366; text-align: left; display: block; margin-bottom: 1em; }

/*G&S new templates 2019*/

@media print { .grecaptcha-badge { display: none } }

.partnerbannerArea.about .whowearetext .wpb_content_element { margin-bottom: 80px }
.page-template-template-impact2019 .profileArea, .page-template-template-impact2019 .catalyst-row-about { margin-bottom: 0px;  }
.page-template-template-impact2019 .partnerbannerArea.about::after { background: inherit; }
.page-template-template-impact2019 .partnerbannerArea {padding-bottom: 0px }
.page-template-template-impact2019 .strategiesArea h3 { line-height: 18px; white-space: nowrap; overflow: visible }
.impactsarea { background: white; padding-bottom: 45px }
.page-template-template-impact2019 .card p { padding: 0px }
.page-template-template-impact2019 .btnload { padding: 0 30px;  width: 100%;  clear: both; float: none }
.page-template-template-impact2019  #impactLoad .item:nth-child(-n+6) {  display: block;}
.page-template-template-impact2019 .impactsarea .mycontainer { padding: 0px }
.page-template-template-impact2019 .partnerbannerArea h1 { font-size: 58px }

.page-template-template-genomicsandsociety .card p { padding: 0px }
.page-template-template-genomicsandsociety  #impactLoad .item:nth-child(-n+6) {  display: block;}
.page-template-template-genomicsandsociety .impactsarea .impact { padding: 0px }
.page-template-template-genomicsandsociety #middleWrapper .contentArea { padding-bottom: 0px }
.page-template-template-genomicsandsociety #whatwedo { padding-top: 0px }

.page-template-template-newblog .sf-field-taxonomy-sector { margin-top: 0px !important }
.page-template-template-newblog .sf_date_field input::placeholder {     font-family: 'robotolight';    font-size: 18px;    color: #000;    font-weight: normal;}

#mega-menu-max_mega_menu_1 .mega-sub-menu li a {line-height: 28px !important }

/*Robyn CSS*/
.more-projects{
  font-weight: 600;
  text-transform: uppercase;
}

.page-template-template-impact2019 .projectslink{
  padding-top: 25px;
  clear: both;
  padding-left: 2em;
}

.page-template-template-impact2019 .projectslink img{
  display: inline;
}

.purple-box h3, .purple-box p, .purple-box li{
  color: #fff;
}

.purple-box li{
  padding:5px;
}

.page-id-7803 .contentArea{
  padding-bottom: 0px;
}

@media screen and (min-width: 1000px){
.sector-doc{
  width: 20%;
}
}

.sector-doc-row{
  padding-top: 15px;
  padding-bottom: 15px;
}

.sector-doc img{
  margin: 0px auto 0px auto !important;
}

.page-id-8352 .leftColmun{
  min-height: 0px;
}

.page-template-template-impact2019 .partnerbannerArea h1{
  text-align: left;
  padding-left: 0.5em;
}

.page-template-template-impactHome2019 .partnerbannerArea h1{
  text-align: left;
  padding-left: 0.5em;
}

.page-template-template-impact2019 .impactsarea{
padding-left: 2.5em;
}

.page-template-template-genomicsandsociety .partnerbannerArea.about:after{
  background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(255,255,255,0) 60%) !important;
}

.page-template-template-impactHome2019 .catalyst-row-about{
  margin-bottom: 0px;
}

.searchandfilter ul li.sf-field-submit { display: none }


rs-slides h2 { line-height: 4.0vw !important;
border-width: 0px;
margin: 0px;
padding: 0px;
letter-spacing: 0px;
font-weight: 700;
font-size: 3.5vw !important;
color: White;
}

rs-slides h3 {
transition: none 0s ease 0s;
text-align: inherit;
line-height: 3.5vw !important;
border-width: 0px;
margin: 0px;
padding: 0px;
letter-spacing: 0px;
font-weight: 300;
font-size: 2.5vw !important;
  color: White;
}

.registration {
    color: red;
  }

.page-template-template-fullwidth.page-id-11628 #bannerWrapper, .page-template-template-fullwidth.page-id-11849 #bannerWrapper  { display: none }
.page-template-template-fullwidth.page-id-11628 #middleWrapper .contentArea { padding: 0px 0px }
.page-template-template-fullwidth.page-id-11849 #middleWrapper .contentArea { padding-bottom: 0px }
@media only screen and (max-width: 769px){
.page-template-template-fullwidth.page-id-11628 .wpb_video_widget.vc_video-el-width-70 .wpb_wrapper { width: 100% !important }
.page-template-template-fullwidth.page-id-11849 .wpb_video_widget.vc_video-el-width-70 .wpb_wrapper { width: 100% !important }
}

.page-template-template-fullwidth.page-id-11628 #headerWrapper { display: none }
.page-template-template-fullwidth.page-id-11628 #mojo-sp-right-button { display: none }
.page-template-template-fullwidth.page-id-11628 #footerWrapper .mycontainer { display: none }
.page-template-template-fullwidth.page-id-11628 .grecaptcha-badge, .page-template-template-fullwidth.page-id-11849 .grecaptcha-badge { display: none !important }

.page-template-template-fullwidth.page-id-11774 #bannerWrapper { display: none }
.page-template-template-fullwidth.page-id-11774 #middleWrapper .contentArea {padding-bottom: 0px}

.page-template-template-fullwidth.page-id-11779 #middleWrapper .vc_tta.vc_general .vc_tta-panel-title .vc_tta-title-text {text-align: left !important}

.thanksdownload { background-size: contain;background-repeat: no-repeat;background-position: center ;}
@media only screen and (max-width: 1400px){
  .thanksdownload { background-size: contain;background-repeat: no-repeat;background-position: center bottom;}
  }

.educationcolor h1, .educationcolor h2, .educationcolor h3, .educationcolor h4, .educationcolor h5 { color: #d00070 }
.leftalign {text-align:left }
.white, .white h1, .white h2, .white h3, .white h4, .white h5 { color: white!important}
.backgroundcover .vc_column-inner { background-size: cover; }

.pinkbox {border: 2px solid #d700e2; font-weight: 700; color: #000000}
.pinkbutton .educationbutton:hover {text-decoration: none}

.white p {margin-bottom: 12px}

.page-id-18149 .workshopArea {padding-top: 0px !important}

.page-id-18149 .genomicsArea {padding-top: 0px !important; padding-bottom: 0px !important}

@media only screen and (min-width: 1200px) { .blue-image {width: 20%; padding-left: 7%;} }
@media only screen and (min-width: 760px) { .blue-image {padding-top: 11vh} }
.red-image {float: right}
@media only screen and (min-width: 1200px) { .red-image {width: 20%; padding-left: 7%;} }
@media only screen and (min-width: 760px) { .red-image {padding-top: 11vh} }