/* This stylesheet is meant for custom styles, on top of The Ben Template */



.center-block

{
display: block;
margin: auto;
width:75%;
        
}




/*VIDEO BACKGROUND CODE*/


video.fillWidth {
    width: 100%;
}

/* kill padding*/

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
  }

/* formatting for home page welcome text  */


/* 1. Default: Hide all versions */
#welcome-text, 
#welcome-text-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #welcome-text-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #welcome-text-mobile {
        display: block; 
        /* Note: You can change this to #welcome-text if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #welcome-text {
        display: block;
    }
}
    


/* formatting for home page designer text  */


/* 1. Default: Hide all versions */
#designer-text, 
#designer-text-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #designer-text-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #designer-text-mobile {
        display: block; 
        /* Note: You can change this to #welcome-text if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #designer-text {
        display: block;
    }
}
    









/* VISUAL DESIGN PAGE MEDIA QUERIES*/


/* 1. Default: Hide all versions */
#design-types, 
#design-types-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #design-types-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #design-types-mobile {
        display: block; 
        /* Note: You can change this to #design-types if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #design-types {
        display: block;
    }
}




 /* ABOUT PAGE MEDIA QUERIES*/


/* 1. Default: Hide all versions */
#about-title, 
#about-title-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #about-title-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #about-title-mobile {
        display: block; 
        /* Note: You can change this to #design-types if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #about-title {
        display: block;
    }
}


/* DIGITAL MARKETING PORTFOLIO PAGE MEDIA QUERIES*/    
    
/* 1. Default: Hide all versions */
#portfolio-title, 
#portfolio-title-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #portfolio-title-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #portfolio-title-mobile {
        display: block; 
        /* Note: You can change this to #design-types if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #portfolio-title {
        display: block;
    }
}





/* EXCEL PAGE MEDIA QUERIES*/    
    
/* 1. Default: Hide all versions */
#excel-title, 
#excel-title-mobile {
    display: none;
}

/* 2. Mobile Rule: 0px to 480px */
@media screen and (max-width: 480px) {
    #excel-title-mobile {
        display: block;
    }
}

/* 3. Tablet Rule: 481px to 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    #excel-title-mobile {
        display: block; 
        /* Note: You can change this to #design-types if you 
           prefer tablets to see the desktop version instead */
    }
}

/* 4. Desktop Rule: 769px and Up */
@media screen and (min-width: 769px) {
    #excel-title {
        display: block;
    }
}