*{margin:0;padding:0;box-sizing:border-box;}

body{font-family: 'Roboto', sans-serif;font-size:1em;font-weight:100;margin:0;padding:0;background-color:rgba(225,225,225,1);overflow-x:hidden;-webkit-text-size-adjust:100%;}

#mainCNTR{display:block;width:100%;max-width:1920px;margin:0 auto;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

.hider{display:block;width:100%;height:5em;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}

#shopping-cart{position:fixed;right:15%;top:2%;z-index:100;display:block;background-color:rgba(9,50,102,1);color:#FFF;padding:5px;font-size:1.5em;}

#shopping-cart a{color:#FFF}

#covid{display:block;position:relative;clear:both;width:100%;background-color:rgba(166,10,10,1);color:#FFF;padding:3% 5%;font-family:'robo_con', sans-serif;font-size:0.825em;margin:0 auto;}

#customFrame{display:block;clear:both;width:100%;max-width:1920px;margin:0 auto;background-color:rgba(85,0,0,1);color:#FFF;padding:3% 5%;}
#customFrame h1{font-size:1.5em;font-style:italic;font-weight:400;text-align:center;}

.leaderboards{display:block;width:100%;max-width:1920px;margin:0 auto;}

#blockOne{clear:both;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;background-color:rgba(220,210,205,1);}

#aboutUs{width:50%;min-height:225px;margin:0 auto;padding:4%;display:block;background-color:rgba(150,130,125,1);color:#FFF;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;float:left;}
#aboutUs h1{padding-bottom:5%;margin:0;font-size:1.125em;font-weight:700;text-transform: uppercase;}
#aboutUs a, #freeShipping a, #testimonials a{color:#FFF;}

#contactUs{width:50%;margin:0 auto;padding:4%;display:block;color:rgba(50,50,50,1);text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;float:left;}
#contactUs h1{padding-bottom:5%;margin:0;font-size:1.125em;font-weight:700;text-transform: uppercase;}

#contactUs .social{display:block;width:100%;padding:2em 0;}

.title{display:block;width:100%;text-align:center;}

#featuredCollections{margin:0 auto;color:rgba(50,50,50,1);font-size:1.125em;width:100%;padding:0;clear:both;overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;text-align:center;}

#featuredCollections h1{padding:5% 0}
#featuredCollections h2{font-size:1em;font-weight:700;text-align:center;text-transform:uppercase;padding:0 0 5% 0}
#featuredCollections .cta{margin:0 auto;text-align:center;}
#featuredCollections a{color:rgba(50,50,50,1);cursor:pointer;}

#popular{width:50%;margin:0 auto;padding:5% 0;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,1);border-right:thin solid rgba(225,225,225,1);border-bottom:thin solid rgba(225,225,225,1);order:1;}
#popular .theIMG{display:block;width:75%;margin:0 auto;}
#popular .theIMG img{display:flex;width:100%;margin:0 auto;}

#graduation{width:50%;margin:0 auto;padding:5% 0;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,1);border-bottom:thin solid rgba(5225,225,225,1);order:2;}
#graduation .theIMG{display:block;width:56%;margin:0 auto;}
#graduation .theIMG img{display:flex;width:100%;margin:0 auto;}

#special{width:50%;margin:0 auto;padding:5% 0;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,1);border-right:thin solid rgba(225,225,225,1);order:3;}
#special .theIMG{display:block;width:56%;margin:0 auto;}
#special .theIMG img{display:flex;width:100%;margin:0 auto;}

#heroes{width:50%;margin:0 auto;padding:5% 0;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,1);order:4;}
#heroes .theIMG{display:block;width:65%;margin:0 auto;}
#heroes .theIMG img{display:flex;width:100%;margin:0 auto;}

#blockTwo{max-width:1920px;margin:0 auto;display:block;clear:both;overflow:hidden;background-color:rgba(150,130,110,1);color:#FFF;}

#freeShipping{width:45%;margin:0 auto;padding:4%;display:block;font-size:0.95em;background-color:rgba(50,50,50,1);text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;float:left;}
#freeShipping h1{padding-bottom:5%;margin:0;font-size:1.125em;font-weight:700;text-transform: uppercase;}

#testimonials{width:55%;margin:0 auto;padding:4%;display:block;font-size:0.95em;background-color:rgba(115,125,135,1);text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;float:left;}

.scholarship{display:block;max-height:563px;max-width:1024px;margin:0 auto;padding:0;clear:both;overflow:hidden;}
.scholarship .resImg{content:url(../images/uf_scholarship_bg_mobile.jpg);position:relative;height:100%;width:100%;}
.scholarship a{cursor:pointer;}

#contactUs i{margin-right:4%}
.cta{text-decoration:underline;font-weight:bold;padding-top:10%;}

.quote img{display:flex;width:10%;margin:0 auto 7% auto;}
.testimonial_name{text-align:right;font-weight:700}

#blockThree{max-width:1200px;margin:0 auto;padding:0;display:block;clear:both;overflow:hidden;background-color:#FFF;}

#blockThree .left{width:50%;margin:0 auto;padding:0;display:block;font-size:0.95em;text-align:left;background-color:rgba(225,225,225,1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;float:left;}

#blockThree .left .chat{width:100%;margin:0 auto;padding:7%;display:block;font-size:1.25em;color:#FFF;background-color:rgba(115,125,135,1);text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;float:left;}
#blockThree .left .chat a{color:#FFF}

#blockThree .left .quickLinks{width:100%;margin:0 auto;padding:10%;display:block;font-size:1em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;float:left;}
#blockThree .left .quickLinks h1{font-size:1.5em;font-weight:400;color:rgba(50,50,50,1);margin-bottom:5%}
#blockThree .left .quickLinks ul.qLinks{font-size:0.825em;list-style-type:none;}
#blockThree .left .quickLinks ul.qLinks li{padding-bottom:4%;}
#blockThree .left .quickLinks ul.qLinks a{color:rgba(125,125,125,1);text-decoration:none;}
#blockThree .left .quickLinks ul.qLinks a:hover{color:rgba(50,50,50,1);text-decoration:underline;}

#blockThree .right{width:50%;margin:0 auto;padding:0;display:block;background-color:rgba(255,255,255,1);text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;float:left;}

#blockThree .right .badges{width:100%;margin:0 auto;padding:4%;display:block;font-size:0.95em;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:3;float:left;}
#blockThree .right .badges{display:block;max-height:532px;max-width:375px;margin:0 auto;padding:0;clear:both;overflow:hidden;}
#blockThree .right .badges .resImg{content:url(../images/uf_badges.jpg);position:relative;height:100%;width:100%;}
#blockThree .right .badges a{cursor:pointer;}


/*Home Page*/

#introCNTR{display:block;width:auto;height:auto;top:20%;position:relative;margin:0 auto;padding:0 auto;clear:both;}
#page-intro{width:auto;max-width:1920px;height:420px;padding:0 auto;margin:0 auto;background-image:url("../images/uf_mainIMG_mobile.jpg");background-size:cover;background-repeat:no-repeat;}
#page-intro h1{font-size:3em;line-height:1;font-weight:700;letter-spacing:-1px;width:100%;text-transform:uppercase;padding:10px 0 25px 0;}


form{text-align:left;margin:0;padding:0;position:relative;display:block;float:left;}
.input{font-size:1em;background-color:rgba(255,255,255,1);color:rgba(51,51,51, 1);width:100%;padding:10px;margin:0 0 2px 0;border:none;outline:none;}
.formBtn{width:100px;color:rgba(255, 255, 255, 1);border:thin solid rgba(255, 255, 255, 0.5);text-transform:uppercase;font-weight:100;padding:7px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;background-color:rgba(0, 0, 0, 0);outline:none;}
.formBtn:hover{border:thin solid rgba(255, 255, 255, 1);background-color:rgba(0, 0, 0, 1);}

#ufFooter{max-width:1920px;width:100%;padding:5% 5%;margin:0 auto;display:block;clear:both;overflow:hidden;background-color:rgba(5,48,103,1);color:rgba(115,125,135,1);font-size:0.7em;line-height:1.5;}
#ufFooter span{color:#FFF;font-weight:400;text-align:left;margin:0 0 5% 0;}
#ufFooter a {color:rgba(115,125,135,1);}
#ufFooter a:hover {color:rgba(255,255,255,1);}
#ufFooter .left{width:36%;margin:0 auto;padding:0;display:block;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:1;float:left;}
#ufFooter .left img{width:90%;}
#ufFooter .center{width:34%;margin:0 auto;padding:0;display:block;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:2;float:left;}
#ufFooter .center .social{color:#FFF;margin-top:4%}
#ufFooter .center .social i{margin-right:4%}
#ufFooter .right{width:30%;margin:0 auto;padding:0;display:block;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;order:3;float:left;}

.input{font-size:1em;}
.formBtn{font-size:1em;}
/* TABLET */

@media only screen and (min-width: 768px) {

.hider{height:11em;}

#page-intro{width:auto;height:560px;padding:0 auto;margin:0 auto;background-image:url("../images/uf_mainIMG.jpg");background-size:cover;background-repeat:no-repeat;}

#page-intro h1{margin-left:7%;font-size:4em;line-height:1.25;font-weight:400;}

#customFrame{width:100%;}
.modal-content{width:50%;margin:0 auto;}

#shopping-cart{right:1%;top:1%;font-size:1.5em;}


#aboutUs{line-height:1;line-height:1.5;padding:4% 4% 4% 10%}
#contactUs{line-height:1;line-height:1.5;padding:4% 10% 4% 4%}
#contactUs .social{display:block;width:100%;padding:1em 0;font-size:1.75em;}
#aboutUs h1, #contactUs h1{font-size:2em;}

.scholarship .resImg{content:url(../images/uf_scholarship_bg.jpg);}

#featuredCollections{width:80%;}
#featuredCollections h2{font-size:1.75em;padding:0 0 5% 0}

#covid{padding:1% 3%;text-align:center;}

#blockTwo{background-color:rgba(225,225,225,1);line-height:1.5}
#freeShipping{width:50%;padding:2% 4% 2% 10%;}
#freeShipping h1{font-size:1.5em;margin:0;}
#testimonials{width:50%;padding:2% 10% 2% 4%;}

#blockThree .left .chat{font-size:2em;padding:4%;}

#blockThree .left .quickLinks{padding:5% 10% 5% 20%;font-size:1.5em;}
#blockThree .left .quickLinks h1{font-size:1.5em;margin-bottom:5%}
#blockThree .left .quickLinks ul.qLinks{font-size:0.825em;}
#blockThree .left .quickLinks ul.qLinks li{padding-bottom:4%;}

#ufFooter{padding:2% 5%;font-size:1em;line-height:1.5;}
#ufFooter span{color:#FFF;font-weight:400;text-align:left;margin:0 0 1% 0;}
#ufFooter a {color:rgba(115,125,135,1);}

#ufFooter .left{width:50%;}
#ufFooter .left img{width:40%;}
#ufFooter .center{width:25%;padding:0;}
#ufFooter .right{width:25%;padding:0;}

}

/*DESKTOP*/
@media only screen and (min-width: 1024px) {

}