/**8-apr-23**/ /*******************************************************************************************************************************************************************************************************************************************/ /***generic*********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ #mainBannerOuter{ width:100%; padding-bottom:30%;/**0.30 ratio**/ margin-bottom:10px; float:left; } #mainBannerInner{ width:100%; position:relative; float:left; } .mainBanner{ width:100%; position:absolute; top:0; left:0; z-index:2; float:left; } .mainBanner img{ width:100%; float:left; } /******************************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ /***size1***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1220px){ #mainBannerOuter{ margin-bottom:10px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size2***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1120px) and (max-width: 1219px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size3***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1020px) and (max-width: 1119px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size4***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 920px) and (max-width: 1019px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size5***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 820px) and (max-width: 919px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size6***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 720px) and (max-width: 819px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************************/ /***size7***********************************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 200px) and (max-width: 719px){ #mainBannerOuter{ margin-bottom:20px; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size1***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1220px){ #categoryImageLinkWrapper{ width:1200px; margin:0 auto; padding-top:30px; display: table; } #imageOneWrapper, #imageTwoWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSixWrapper, #imageSevenWrapper, #imageNineWrapper, #imageTenWrapper, #imageElevenWrapper{ width:282px; height:271px; margin-bottom:24px; margin-right:24px; overflow:hidden; position: relative; float:left; } #imageFourWrapper, #imageEightWrapper, #imageTwelveWrapper{ width:282px; height:271px; margin-bottom:24px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:208px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; white-space:nowrap; text-align:center; font-weight:300; font-size:19px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size2**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1120px) and (max-width: 1219px){ #categoryImageLinkWrapper{ width:1100px; margin-top:30px; float: left; } #imageOneWrapper, #imageTwoWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSixWrapper, #imageSevenWrapper, #imageNineWrapper, #imageTenWrapper, #imageElevenWrapper{ width:258px; height:248px; margin-bottom:22px; margin-right:22px; overflow:hidden; position: relative; float:left; } #imageFourWrapper, #imageEightWrapper, #imageTwelveWrapper{ width:260px; height:248px; margin-bottom:22px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:192px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; white-space:nowrap; text-align:center; font-weight:300; font-size:17px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size3**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1020px) and (max-width: 1119px){ #categoryImageLinkWrapper{ width:1000px; margin-top:30px; float: left; } #imageOneWrapper, #imageTwoWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSixWrapper, #imageSevenWrapper, #imageNineWrapper, #imageTenWrapper, #imageElevenWrapper{ width:234px; height:225px; margin-bottom:21px; margin-right:21px; overflow:hidden; position: relative; float:left; } #imageFourWrapper, #imageEightWrapper, #imageTwelveWrapper{ width:235px; height:225px; margin-bottom:21px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:166px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; white-space:nowrap; text-align:center; font-weight:300; font-size:17px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size4**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 920px) and (max-width: 1019px){ #categoryImageLinkWrapper{ width:900px; margin-top:30px; float: left; } #imageOneWrapper, #imageTwoWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSixWrapper, #imageSevenWrapper, #imageNineWrapper, #imageTenWrapper, #imageElevenWrapper{ width:210px; height:202px; margin-bottom:20px; margin-right:20px; overflow:hidden; position: relative; float:left; } #imageFourWrapper, #imageEightWrapper, #imageTwelveWrapper{ width:210px; height:202px; margin-bottom:20px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:144px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; white-space:nowrap; text-align:center; font-weight:300; font-size:17px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size5**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 820px) and (max-width: 919px){ #categoryImageLinkWrapper{ width:800px; margin-top:30px; float: left; } #imageOneWrapper, #imageTwoWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSixWrapper, #imageSevenWrapper, #imageNineWrapper, #imageTenWrapper, #imageElevenWrapper{ width:186px; height:179px; margin-bottom:19px; margin-right:19px; overflow:hidden; position: relative; float:left; } #imageFourWrapper, #imageEightWrapper, #imageTwelveWrapper{ width:185px; height:179px; margin-bottom:19px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:123px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; white-space:nowrap; text-align:center; font-weight:300; font-size:15px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size6**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 720px) and (max-width: 819px){ #categoryImageLinkWrapper{ width:700px; margin-top:30px; float: left; } #imageOneWrapper, #imageTwoWrapper, #imageFourWrapper, #imageFiveWrapper, #imageSevenWrapper, #imageEightWrapper, #imageTenWrapper, #imageElevenWrapper{ width:218px; height:207px; margin-bottom:23px; margin-right:23px; overflow:hidden; position: relative; float:left; } #imageThreeWrapper, #imageSixWrapper, #imageNineWrapper, #imageTwelveWrapper{ width:218px; height:207px; margin-bottom:23px; overflow:hidden; position: relative; background:none; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; height:auto; top:0; bottom:0; left:0; right:0; position:absolute; } #imageOneWrapper img:hover, #imageTwoWrapper img:hover, #imageThreeWrapper img:hover, #imageFourWrapper img:hover, #imageFiveWrapper img:hover, #imageSixWrapper img:hover, #imageSevenWrapper img:hover, #imageEightWrapper img:hover, #imageNineWrapper img:hover, #imageTenWrapper img:hover, #imageElevenWrapper img:hover, #imageTwelveWrapper img:hover{ -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ margin-top:149px; margin-left: auto; margin-right: 0px; position:relative; background:#ef008d; display:table; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ margin:5px; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; white-space:nowrap; text-align:center; font-weight:300; font-size:15px; color:white; display:inline-block; } }/**@media**/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /***size7**********************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ /******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 200px) and (max-width: 719px){ #categoryImageLinkWrapper{ width:100%; padding-top:10px; float: left; } #imageOneWrapper, #imageThreeWrapper, #imageFiveWrapper, #imageSevenWrapper, #imageNineWrapper, #imageElevenWrapper{ width:49%; margin-bottom:2%; margin-right:2%; float:left; } #imageTwoWrapper, #imageFourWrapper, #imageSixWrapper, #imageEightWrapper, #imageTenWrapper, #imageTwelveWrapper{ width:49%; margin-bottom:2%; float:left; } #imageOneWrapper img, #imageTwoWrapper img, #imageThreeWrapper img, #imageFourWrapper img, #imageFiveWrapper img, #imageSixWrapper img, #imageSevenWrapper img, #imageEightWrapper img, #imageNineWrapper img, #imageTenWrapper img, #imageElevenWrapper img, #imageTwelveWrapper img{ width:100%; display:block; } #imageOneLabelOuter, #imageTwoLabelOuter, #imageThreeLabelOuter, #imageFourLabelOuter, #imageFiveLabelOuter, #imageSixLabelOuter, #imageSevenLabelOuter, #imageEightLabelOuter, #imageNineLabelOuter, #imageTenLabelOuter, #imageElevenLabelOuter, #imageTwelveLabelOuter{ width:100%; background:#ef008d; float:left; } #imageOneLabelInner, #imageTwoLabelInner, #imageThreeLabelInner, #imageFourLabelInner, #imageFiveLabelInner, #imageSixLabelInner, #imageSevenLabelInner, #imageEightLabelInner, #imageNineLabelInner, #imageTenLabelInner, #imageElevenLabelInner, #imageTwelveLabelInner{ width:96%; padding:2%; white-space:nowrap; text-align:center; font-weight:300; font-size:16px; color:white; float:left; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size1***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ #clockTowerOuter{ width:100%; margin-bottom:30px; float:left; } #clockTowerInner{ width:100%; padding-bottom:53%; position:relative; float:left; } #aboutUs{ width:100%; position:absolute; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background-image: url("https://www.darlingtonbeddingcentre.com/a-bespoke-client-folders/darlington-beds/bespoke-images/home/darlington-clock-tower.jpg?16-jun-25"); background-size: 100% auto; float:left; } #aboutUsText{ width:80%; margin-left:10%; margin-right:10%; color:black; } #aboutUsText h3{ margin:0px; text-align:center; font-weight:400; font-size:26px; } #aboutUsText p{ text-align:center; line-height:200%; font-weight:400; font-size:18px; } /*******************************************************************************************************************************************************************************************************************************/ /***size1***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1220px){ #flashStatement{ width:100%; margin-bottom:24px; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'Londrina Sketch', cursive; font-size:40px; color:white; background:#ef008d; float:left; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size2***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1120px) and (max-width: 1219px){ #flashStatement{ width:100%; margin-bottom:24px; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'Londrina Sketch', cursive; font-size:40px; color:white; background:#ef008d; float:left; } #aboutUsText h3{ font-size:26px; } #aboutUsText p{ font-size:18px; } .para04{ display:none; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size3***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 1020px) and (max-width: 1119px){ #flashStatement{ width:100%; margin-bottom:24px; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'Londrina Sketch', cursive; font-size:35px; color:white; background:#ef008d; float:left; } #aboutUsText h3{ font-size:24px; } #aboutUsText p{ font-size:16px; } .para04{ display:none; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size4***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 920px) and (max-width: 1019px){ #flashStatement{ width:100%; margin-bottom:24px; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'Londrina Sketch', cursive; font-size:31px; color:white; background:#ef008d; float:left; } #aboutUsText h3{ font-size:24px; } #aboutUsText p{ font-size:16px; } .para04{ display:none; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size5***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 820px) and (max-width: 919px){ #flashStatement{ width:100%; margin-bottom:24px; padding-top:10px; padding-bottom:10px; text-align:center; font-family: 'Londrina Sketch', cursive; font-size:26px; color:white; background:#ef008d; float:left; } #aboutUsText h3{ font-size:24px; } #aboutUsText p{ font-size:16px; } .para03, .para04{ display:none; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size6***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 720px) and (max-width: 819px){ #flashStatement{ display:none; } #aboutUsText h3{ font-size:24px; } #aboutUsText p{ font-size:16px; } .para03, .para04{ display:none; } }/**@media**/ /*******************************************************************************************************************************************************************************************************************************/ /***size7***********************************************************************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************************************************************************/ @media screen and (min-width: 200px) and (max-width: 719px){ #flashStatement{ display:none; } #aboutUsText h3{ font-size:24px; } #aboutUsText p{ margin-top:0px; font-size:16px; } .para02, .para03, .para04{ display:none; } }/**@media**/