.imagecon 
        {
        display:block;
        margin:0 auto;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(top right, hsl(175, 100%, 35%),  hsl(193, 100%, 38%)); 
        background: -o-linear-gradient(top right, hsl(175, 100%, 35%),  hsl(193, 100%, 38%)); 
        background: -moz-linear-gradient(top right, hsl(175, 100%, 35%),  hsl(193, 100%, 38%)); 
        background: linear-gradient(to top right,  hsl(175, 100%, 35%),  hsl(193, 100%, 38%));  
        line-height: 160%; 
        width:65%;
        border-radius:25px;

        }
        .image 
        {
        width: 100%; 
        margin:0 auto; 
        border-radius:25px;
        display:block;  
        border-bottom-right-radius:0;
        border-bottom-left-radius:0;
        }
        .discription 
        {
        background-color:hsl(185, 100%, 20%);
        background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='hsl(185, 100%, 17%)' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
        color:hsl(185, 100%, 95%);
        border-bottom-right-radius:25px;
        border-bottom-left-radius:25px;
        font-family:Roboto-Light;
        padding:6% 30% 6% 30%;
        font-size:20px;
        line-height:150%;
        text-align:center;
        }
        .next 
        {
        width:8%; 
        float:right;
        margin-top:-4%;
        margin-right:12%;
        position:relative;
        }

    @media all and (min-width:851px) and (max-width:1000px)
    {
    .imagecon 
    {
    display:block;
    margin:0 auto;
    line-height: 180%; 
    width:70%;
    border-radius:25px;
    }
    .image 
    {
    width: 100%; 
    margin:0 auto; 
    border-radius:25px;
    display:block;  
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    }
    .discription 
    {
    background-color:hsl(185, 100%, 20%);
    color:hsl(185, 100%, 95%);
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;    
    font-family:Roboto-Light;
    padding:8% 20% 8% 20%;
    font-size:18px;
    line-height:160%;
    text-align:center;
    }
    .next 
    {
    width:10%; 
    float:right;
    margin-top:-5%;
    margin-right:12%;
    position:relative;
    }
    }

    @media all and (min-width:651px) and (max-width:850px)
    {
    .imagecon 
    {
    display:block;
    margin:0 auto;
    line-height: 180%; 
    width:70%;
    border-radius:15px;
    }
    .image 
    {
    width: 100%; 
    margin:0 auto; 
    border-radius:15px;
    display:block;  
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    }
    .discription 
    {
    background-color:hsl(185, 100%, 20%);
    color:hsl(185, 100%, 95%);
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    font-family:Roboto-Light;
    padding:8% 20% 8% 20%;
    font-size:16px;
    line-height:160%;
    text-align:center;
    }
    .next 
    {
    width:12%; 
    float:right;
    margin-top:-6%;
    margin-right:12%;
    position:relative;
    }
    }
    @media all and (min-width:451px) and (max-width:650px)
    {
    .imagecon 
    {
    display:block;
    margin:0 auto;
    height: 90%; 
    width:80%;
    border-radius:15px;
    }
    .image 
    {
    width: 100%; 
    margin:0 auto; 
    border-radius:15px;
    display:block;  
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    }
    .discription 
    {
    background-color:hsl(185, 100%, 20%);
    color:hsl(185, 100%, 95%);
    font-family:Roboto-Light;
    padding:10% 20% 10% 20%;
    font-size:16px;
    line-height:140%;
    text-align:center;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    }
    .next 
    {
    width:12%; 
    float:right;
    margin-top:-6%;
    margin-right:12%;
    position:relative;
    }
    }

    @media all and (max-width:450px)
    {
    .imagecon 
    {
    display:block;
    margin:0 auto;
    height: 90%; 
    width:85%;
    border-radius:15px;
    }
    .image 
    {
    width: 100%; 
    margin:0 auto; 
    border-radius:15px;
    display:block;  
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    }
    .discription 
    {
    background-color:hsl(185, 100%, 20%);
    font-family:Roboto-Light;
    color:hsl(185, 100%, 95%);
    padding:14% 15% 14% 15%;
    font-size:12px;
    line-height:140%;
    text-align:center;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    }
    .next 
    {
    width:15%; 
    float:right;
    margin-top:-7.5%;
    margin-right:12%;
    position:relative;
    }
    }

/*-----------------------------------////////////////////--------milestone--------////////////////////---------------------------------*/
        .ccover
        {
        margin-top:0;
        }
        .timeline 
        {
        display: block;
        margin: 0 auto;
        background-color:hsl(170, 50%, 50%);
        line-height: 160%;
        width: 65%;
        margin-bottom:80px;
        border-radius: 8px;
        }

        .yearcover 
        {
        margin:0 auto;
        width:100px;
        height:100px;
        padding:3px;
        display:block;
        border-radius:50%;
        background:hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%));         
        }

        .timelineyear 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        width:100%;
        font-family:Roboto-Light;
        font-size:24px;
        overflow:hidden;
        line-height:100px;
        text-align:center;
        border-radius:inherit;
        }

        .timelinehead 
        {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:-70px;
        width:500px; 
        height:100px; 
        line-height:100px;
        border-radius: 20px;
        background-color: hsl(30, 70%, 50%);
        /*background-color:hsl(40, 100%, 40%);*/
        border:6px solid hsl(205, 40%, 35%);
        font-family: Roboto-Light; 
        font-size:26px; 
        color:white;
        text-align:center;
        vertical-align: middle;
        }
        .timlinetext 
        {
        font-family: Roboto-Light;
        padding: 3% 10% 8% 10%;
        font-size:18px;
        line-height: 195%;
        color: hsl(200, 1%, 1%);
        }

        .timlinetitle 
        {
        font-family: Roboto-Light;
        text-align: center;
        font-size: 16px;
        color: hsl(220, 100%, 1%);
        width: 100%;
        }

        .timelineimg 
        {
        width: 100%;
        margin: 0 auto;
        border-radius: 8px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        display: block;
        }
        @media all and (min-width:801px) and (max-width:1000px) 
        {
        .timeline 
        {
        width: 70%;
        margin-bottom:30px;
        border-radius:4px;
        }

        .yearcover 
        {
        margin:0 auto;
        width:100px;
        height:100px;
        padding:3px;
        display:block;
        border-radius:50%;
        background:hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%))       
        }

        .timelineyear 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        width:100%;
        font-family:Roboto-Light;
        font-size:24px;
        overflow:hidden;
        line-height:100px;
        text-align:center;
        border-radius:inherit;
        }

        .timelinehead 
        {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:-40px;
        width:55%; 
        height:80px; 
        line-height:85px;
        border-radius:10px;
        background-color: hsl(30, 70%, 50%);
        border:3px solid hsl(205, 50%, 25%);
        font-family: Roboto-Light; 
        font-size:16px; 
        color:white;
        text-align:center;
        vertical-align: middle;
        }

        .timlinetext 
        {
        padding: 3% 5% 8% 5%;
        font-size:14px;
        line-height: 190%;
        color: hsl(200, 100%, 1%);
        }

        .timlinetitle 
        {
        font-size: 12px;
        color: hsl(220, 100%, 1%);
        width: 100%;
        }

        .timelineimg 
        {
        width: 100%;
        margin: 0 auto;
        border-radius:4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        display: block;
        }       
        
        }
        
        @media all and (min-width:451px) and (max-width:800px) 
        {
        .timeline 
        {
        width: 80%;
        margin-bottom:30px;
        border-radius:4px;
        }

        .yearcover 
        {
        margin:0 auto;
        width:100px;
        height:100px;
        padding:2px;
        display:block;
        border-radius:50%;
        background:hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%))        
        }

        .timelineyear 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        width:100%;
        font-family:Roboto-Light;
        font-size:24px;
        overflow:hidden;
        line-height:100px;
        text-align:center;
        border-radius:inherit;
        }

        .timelinehead 
        {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:-40px;
        width:70%; 
        height:60px; 
        line-height:65px;
        border-radius:10px;
        background-color: hsl(30, 70%, 50%);
        border:3px solid hsl(205, 50%, 25%);
        font-family: Roboto-Light; 
        font-size:14px; 
        color:white;
        text-align:center;
        vertical-align: middle;
        }

        .timlinetext 
        {
        padding: 3% 5% 8% 5%;
        font-size:14px;
        line-height: 190%;
        color: hsl(200, 100%, 1%);
        }

        .timlinetitle 
        {
        font-size: 12px;
        color: hsl(220, 100%, 1%);
        width: 100%;
        }

        .timelineimg 
        {
        width: 100%;
        margin: 0 auto;
        border-radius:4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        display: block;
        }       
        }
        
        @media all and (max-width:450px) 
        {
        .ccover
        {
        margin-top:40px !important;
        }
        .timeline 
        {
        width: 95%;
        margin-bottom:30px;
        border-radius:4px;
        }

        .yearcover 
        {
        margin:0 auto;
        width:90px;
        height:90px;
        padding:1px;
        display:block;
        border-radius:50%;
        background:hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%)); 
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%),  hsl(155, 70%, 50%));          
        }

        .timelineyear 
        {
        background-color: hsl(205, 70%, 11%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        display:block;
        width:98%;
        height:98%;
        padding:1%;
        font-family:Roboto-Thin;
        font-size:20px;
        line-height:90px;
        text-align:center;
        vertical-align: middle;
        border-radius:inherit;
        }

        .timelinehead 
        {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top:-40px;
        width:80%; 
        height:60px; 
        line-height:65px;
        border-radius:10px;
        background-color: hsl(30, 70%, 50%);
        border:3px solid hsl(205, 70%, 11%);
        font-family: Roboto-Light; 
        font-size:14px; 
        color:white;
        text-align:center;
        vertical-align: middle;
        }
        .timlinetext 
        {
        padding: 3% 5% 8% 5%;
        font-size:12px;
        line-height: 170%;
        color: hsl(200, 100%, 1%);
        }

        .timlinetitle 
        {
        font-size: 12px;
        color: hsl(220, 100%, 1%);
        width: 100%;
        }

        .timelineimg 
        {
        width: 100%;
        margin: 0 auto;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        display: block;
        }
        }

/*------------------///////////////--///speciality tiles///--/////////////////---------------*/
        .scontainer 
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .sscontainer 
        {
        margin-left:16%; 
        width:79%;
        }
        .tiles
        {
        width:17%;
        height:10%;
        display:inline-block;
        margin:0 auto;
        /*background-color: hsl(210, 10%, 100%);*/
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -o-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -moz-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: linear-gradient(to bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        margin:5% 2% 5% 2%;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        }
        .tileimg 
        {
        margin:5% 1% 5% 1%;
        } 

        .tdesc
        {
        border-bottom-right-radius:inherit;
        border-bottom-left-radius:inherit;
        width:100%;
        height:80%;
        text-align:center;
        padding:12% 0 12% 0;
        font-family:Roboto-Light;
        background-color:hsl(185, 100%, 23%);
        font-size:14px;
        color: hsl(180, 100%, 100%);
        }

        @media all and (min-width:1001px) and (max-width:1200px) 
        {
        .scontainer 
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .sscontainer 
        {
        margin-left:14%; 
        width:85%;
        }
        .tiles
        {
        width:18%;
        height:10%;
        display:inline-block;
        margin:0 auto;
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -o-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -moz-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: linear-gradient(to bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        margin:5% 1.5% 5% 1.5%;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        }
       
        }


        @media all and (min-width:801px) and (max-width:1000px) 
        {
        .scontainer 
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .sscontainer 
        {
        margin-left:17%; 
        width:80%;
        }
        .tiles
        {
        width:22%;
        height:10%;
        display:inline-block;
        margin:0 auto;
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -o-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: -moz-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        background: linear-gradient(to bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 70%)); 
        margin:5% 3% 5% 3%;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        } 
        .tdesc
        {
        background-color:hsl(185, 100%, 20%);
        }                  
        }




        @media all and (min-width:601px) and (max-width:800px) 
        {
        .scontainer 
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .sscontainer 
        {
        margin-left:10%; 
        width:90%;
        }
        .tiles
        {
        width:25%;
        height:10%;
        display:inline-block;
        margin:0 auto;
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: -o-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: -moz-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: linear-gradient(to bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        margin:5% 2% 5% 2%;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        }  
        .tdesc
        {
        background-color:hsl(185, 100%, 20%);
        }               
        }

        @media all and (min-width:451px) and (max-width:600px) 
        {
        .scontainer 
        {
        width:90%;
        display:block;
        margin:0 auto;
        height:320px;
        overflow:auto;
        box-sizing:border-box;
        margin-top:30px;
        }
        .sscontainer 
        {
        width:4100px;
        margin-left:60px;
        }
        .tiles
        {
        width:180px;
        height:250px;
        display:inline-block;
        margin:0 auto;
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: -o-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: -moz-linear-gradient(bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        background: linear-gradient(to bottom right, hsl(210, 10%, 98%), hsl(210, 10%, 50%)); 
        margin:10px;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        }
        .tileimg 
        {
        /*margin:5% 1% 5% 1%;*/
        } 

        .tdesc
        {
        line-height:40px;
        width:100%;
        height:40px;
        text-align:center;
        padding:10% 0 10% 0;
        font-family:Roboto-Light;
        background-color:hsl(185, 100%, 20%);
        color:hsl(180, 50%, 80%);
        font-size:16px;
        border-bottom-right-radius:inherit;
        border-bottom-left-radius:inherit;
        }            
        }

        @media all and (max-width:450px) 
        {
        .scontainer 
        {
        width:95%;
        display:block;
        margin:0 auto;
        height:320px;
        overflow:auto;
        box-sizing:border-box;
        margin-top:20px;
        }
        .sscontainer 
        {
        width:4100px;
        margin-left:0px;
        }

        .tiles
        {
        width:180px;
        height:250px;
        display:inline-block;
        margin:0 auto;
        background:hsl(210, 10%, 100%);
        background: -webkit-linear-gradient(bottom left, hsl(210, 0%, 90%), hsl(210, 0%, 70%)); 
        background: -o-linear-gradient(bottom left, hsl(210, 0%, 90%), hsl(210, 0%, 70%)); 
        background: -moz-linear-gradient(bottom left, hsl(210, 0%, 90%), hsl(210, 0%, 70%)); 
        background: linear-gradient(to bottom left, hsl(210, 0%, 90%), hsl(210, 0%, 70%)); 
        margin:10px;
        border-radius:9px;
        border-bottom-right-radius:10px;
        border-bottom-left-radius:10px;
        }
        .tileimg 
        {
        margin:0;
        } 

        .tdesc
        {
        border-bottom-right-radius:inherit;
        border-bottom-left-radius:inherit;
        line-height:40px;
        width:100%;
        height:40px;
        text-align:center;
        padding:10% 0 10% 0;
        font-family:Roboto-Light;
        background-color:hsl(185, 100%, 20%);
        color:hsl(180, 1%, 100%);
        font-size:14px;
        margin-top:0;
        }        
        }


/*------------------///////////////--///other tiles///--/////////////////---------------*/

        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:16%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:3%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }


@media all and (min-width:1101px) and (max-width:1250px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:13%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:3%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        }
}
@media all and (min-width:1051px) and (max-width:1101px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:13%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:2%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}
@media all and (min-width:1001px) and (max-width:1050px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:70%;
        margin:0 auto;
        display:block;
        margin-left:22%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:4%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}
@media all and (min-width:951px) and (max-width:1000px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:70%;
        margin:0 auto;
        display:block;
        margin-left:18%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:4%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}
@media all and (min-width:900px) and (max-width:951px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:70%;
        margin:0 auto;
        display:block;
        margin-left:16%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:4%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }}
@media all and (min-width:851px) and (max-width:900px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:15%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:4%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}
@media all and (min-width:801px) and (max-width:850px) 
{
         .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:15.5%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:3%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}

@media all and (min-width:751px) and (max-width:800px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:13%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:3%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}

@media all and (min-width:701px) and (max-width:750px) 
{
        .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:12.5%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:2%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}

@media all and (min-width:651px) and (max-width:700px) 
{
         .Tilescontainer
        {
        width:100%;
        display:block;
        margin:0 auto;
        }
        .Headtiles 
        {
        width:90%;
        margin:0 auto;
        display:block;
        margin-left:10%;  
        
        }
        .STiles 
        {
        background-color: hsl(205, 50%, 25%);
        color:hsl(193, 100%, 70%);
        margin:0 auto;        
        height:110px;
        width:98%;
        font-family:Roboto-Light;
        font-size:12px;
        padding:20px 1% 20px 1%;
        overflow:hidden;
        line-height:110px;
        text-align:center;
        border-radius:50%;
        }
        .Tilescover 
        {
        margin:2%;
        width:150px;
        height:150px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}

@media all and (min-width:601px) and (max-width:650px) 
{
   .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:12%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color:hsl(205, 50%, 25%);
        }
        .Tilescover 
        {
        margin:2%;
        width:120px;
        height:120px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
}







@media all and (min-width:551px) and (max-width:600px) 
{
    .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:80%;
        margin:0 auto;
        display:block;
        margin-left:12%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color:hsl(205, 50%, 25%);
        }
        .Tilescover 
        {
        margin:2%;
        width:120px;
        height:120px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 50%, 25%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 50%, 25%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 50%, 25%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 50%, 25%);
    border:none;
    }
}

@media all and (min-width:501px) and (max-width:550px) 
{
   .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:90%;
        margin:0 auto;
        display:block;
        margin-left:8%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color:hsl(205, 50%, 25%);
        }
        .Tilescover 
        {
        margin:2%;
        width:120px;
        height:120px;
        padding:2px;
        display:inline-block;
        border-radius:50%;
        background:hsl(150, 50%, 50%);
        background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
        }
    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 50%, 25%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 50%, 25%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 50%, 25%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 50%, 25%);
    border:none;
    }
}


@media all and (min-width:451px) and (max-width:500px) 
{
    .Tilescontainer 
    {
        width: 95%;
        display: block;
        margin: 0 auto;
        height: auto;
        overflow: auto;
        box-sizing: border-box;
        margin-top:30px;
    }

    .STiles 
    {
    height:80px;
    line-height:80px;
    width:98%;
    border-radius:50%;
    font-size:10px;
    background-color:hsl(205, 50%, 25%);
    }
    .Tilescover 
    {
    margin:20px;
    width: 120px;
    height: 120px;
    padding:1px;
    display: inline-block;
    border-radius:50%;
    background:hsl(150, 50%, 50%);
    background: -webkit-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
    background: -o-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
    background: -moz-linear-gradient(right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
    background: linear-gradient(to right top, hsl(165, 70%, 50%), hsl(208, 100%, 50%)); 
    }

    .Headtiles 
    {
    margin-left:12%;     
    margin-top:10px;
    margin-bottom:30px;   
    }
    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 50%, 25%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 50%, 25%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 50%, 25%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 50%, 25%);
    border:none;
    }
}
    @media all and (min-width:381px) and (max-width:450px)
    {
   .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:90%;
        margin:0 auto;
        display:block;
        margin-left:10%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color: hsl(205, 70%, 11%);
        }
        .Tilescover 
        {
        margin:6%;
        width:120px;
        height:120px;
        padding:1px;
        display:inline-block;
        border-radius:50%;
        background: hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        }
    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 70%, 11%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 70%, 11%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 70%, 11%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 70%, 11%);
    border:none;
    }
    }

    @media all and (min-width:351px) and (max-width:380px) 
    {
   .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:90%;
        margin:0 auto;
        display:block;
        margin-left:7%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color: hsl(205, 70%, 11%);
        }
        .Tilescover 
        {
        margin:5%;
        width:120px;
        height:120px;
        padding:1px;
        display:inline-block;
        border-radius:50%;
        background: hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        }
        /*.one 
        {
        width:2890px;
        }
        .two
        {
        width:3300px;
        }
        
        .three 
        {
        width:3710px;
        }*/
        

    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 70%, 11%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 70%, 11%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 70%, 11%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 70%, 11%);
    border:none;
    }
        }

        @media all and (max-width:350px)
        {
   .Tilescontainer 
    {
        width:100%;
        display: block;
        margin: 0 auto;
    }
        .Headtiles 
        {
        width:90%;
        margin:0 auto;
        display:block;
        margin-left:8%;  
        
        }
        .STiles 
        {
        height:80px;
        line-height:80px;
        width:98%;
        border-radius:50%;
        font-size:10px;
        background-color: hsl(205, 70%, 11%);
        }
        .Tilescover 
        {
        margin:4%;
        width:120px;
        height:120px;
        padding:1px;
        display:inline-block;
        border-radius:50%;
        background: hsl(200, 100%, 50%);
        background: -webkit-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -o-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: -moz-linear-gradient(bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        background: linear-gradient(to bottom left, hsl(208, 100%, 50%), hsl(168, 50%, 50%));
        }
    ::-webkit-scrollbar 
    {
    width:4px;
    background-color:hsl(205, 70%, 11%);
    -webkit-opacity:1;
    }

    ::-webkit-scrollbar-button 
    {
    width: 4px;
    background-color:hsl(205, 70%, 11%);
    height:5px;
    }
    ::-webkit-scrollbar-track 
    {
    background-color:hsl(205, 70%, 11%);
    }
    ::-webkit-scrollbar-thumb 
    {
    background:hsl(205, 70%, 11%);
    border:none;
    }
        }


/*-----------------------------------////////////////////--------profiles--------////////////////////---------------------------------*/
        .profilecontainer
        {
        display:block;
        width:85%;
        margin:0 auto;
        margin-left:15%;
        }
        .profiles 
        {
        width: 25%; 
        display:inline-block;
        text-align:center;
        font-family:Roboto-light;
        color:hsl(210, 100%, 90%);
        font-size:25px;
        margin-left:1%;
        margin-right:1%;
        }
        .paddingtop 
        {
        padding-top:40px;
        }
        .paddingend
        {
        padding-bottom:40px;
        }
        .profileouterlayer
        {
        background:hsl(155, 70%, 50%);
        background: -webkit-linear-gradient(right, hsl(160, 70%, 50%), hsl(200, 100%, 50%)); 
        background: -o-linear-gradient(right, hsl(160, 70%, 50%), hsl(200, 100%, 50%)); 
        background: -moz-linear-gradient(right, hsl(160, 70%, 50%), hsl(200, 100%, 50%)); 
        background: linear-gradient(to right, hsl(160, 70%, 50%), hsl(200, 100%, 50%));   
        width:120px;
        display:block;
        margin:0 auto;
        border-radius:50%;
        padding:8px; 
        margin-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 5px hsl(205, 50%, 25%);
        }
        .profiles span
        {
        line-height:150%;
        font-family:Roboto-Light;
        font-size:14px;
        }
        .profiles p
        {
        font-size:12px;
        line-height:150%;
        }
        @media only screen and (min-width:1051px) and (max-width:1250px) 
        {
        .profilecontainer
        {
        display:block;
        width:80%;
        margin:0 auto;
        margin-left:18%;
        }
        .profiles 
        {
        width:25%; 
        text-align:center;
        font-family:Roboto-light;
        font-size:18px;
        }
        .profileouterlayer
        {
        padding:5px; 
        }
        .paddingtop 
        {
        padding-top:20px;
        }
        .paddingend
        {
        padding-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 3px hsl(205, 50%, 25%);
        }
        .profiles span
        {
        line-height:190%;
        font-size:10px;
        }
        .profiles p
        {
        font-size:10px;
        line-height:150%;
        }        
        }
        @media only screen and (min-width:801px) and (max-width:1050px) 
        {
        .profilecontainer
        {
        display:block;
        width:80%;
        margin:0 auto;
        margin-left:11%;
        }
        .profiles 
        {
        width:29%; 
        text-align:center;
        font-family:Roboto-light;
        font-size:18px;
        margin-left:1.5%;
        margin-right:1.5%;
        }
        .profileouterlayer
        {
        padding:5px; 
        }
        .paddingtop 
        {
        padding-top:20px;
        }
        .paddingend
        {
        padding-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 3px hsl(205, 50%, 25%);
        }
        .profiles span
        {
        line-height:190%;
        font-size:10px;
        }
        .profiles p
        {
        font-size:10px;
        line-height:150%;
        }        
        }
        @media only screen and (min-width:551px) and (max-width:800px) 
        {
        .profilecontainer
        {
        display:block;
        width:80%;
        margin:0 auto;
        margin-left:12%;
        }
        .profiles 
        {
        width:43%; 
        text-align:center;
        font-family:Roboto-light;
        font-size:18px;
        margin-left:2%;
        margin-right:2%;
        margin-bottom:5%;
        }
        .profileouterlayer
        {
        padding:5px; 
        }
        .paddingtop 
        {
        padding-top:20px;
        }
        .paddingend
        {
        padding-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 3px hsl(205, 50%, 25%);
        }
        .profiles span
        {
        line-height:190%;
        font-size:10px;
        }
        .profiles p
        {
        font-size:10px;
        line-height:150%;
        }        
        }

        @media only screen and (min-width:451px) and (max-width:550px) 
        {
        .profilecontainer
        {
        display:block;
        width:85%;
        margin:0 auto;
        margin-left:12%;
        }
        .profiles 
        {
        width: 90%; 
        text-align:center;
        font-family:Roboto-light;
        font-size:16px;
        }
        .profileouterlayer
        {
        padding:5px; 
        }
        .paddingtop 
        {
        padding-top:20px;
        }
        .paddingend
        {
        padding-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 3px hsl(205, 50%, 25%);
        }
        .profiles span
        {
        line-height:190%;
        font-size:14px;
        }
        .profiles p
        {
        font-size:12px;
        line-height:150%;
        }        
        }
        @media only screen and (max-width:450px) 
        {
        .profilecontainer
        {
        display:block;
        width:85%;
        margin:0 auto;
        margin-left:7%;
        }
        .profiles 
        {
        width: 100%; 
        text-align:center;
        font-family:Roboto-Light;
        color:hsl(210, 100%, 90%);
        font-size:16px;
        margin-bottom:10px;
        }
        .profileouterlayer
        {
        padding:5px; 
         margin-bottom:15px;
       }
        .paddingtop 
        {
        padding-top:20px;
        }
        .paddingend
        {
        padding-bottom:20px;
        }
        .profilepic 
        {
        display:block;
        margin:0 auto;
        width:100%;
        border-radius:50%;
        box-shadow: 0 0 0 3px  hsl(205, 70%, 11%);
        }
        .profiles span
        {
        line-height:190%;
        font-family:Roboto-Thin;
        font-size:14px;
        }
        .profiles p
        {
        font-size:12px;
        font-family:Roboto-Thin;
        line-height:150%;
        }        
        }
        
/*-----------------------------------////////////////////--------addresstable--------////////////////////---------------------------------*/
        .doctorcontainer 
        {
        margin:0 auto;
        width:90%;
        display:block;
        margin-left:6.5%;    
        }
        .doctortiles 
        {
	    width:30%;
        border-radius:5px;
        background-color:hsl(200, 1%, 95%);
        display:inline-block;
        font-family:Roboto-Light;
        font-size:12px;
        margin:0 auto;
        text-align:center;
        padding:3% 0.5% 3% 0.5%;
        line-height:150%;       
        margin:1%;        
        }
        .doctortiles span
        {
        font-size:18px;
        font-family:Roboto-Light;
        line-height:150%;       
        }
        .doctortitle 
        {
        font-size:16px;
        line-height:150%;              
        }        

        .addcontainer 
        {
        margin:0 auto;
        width:90%;
        display:block;
        margin-left:6.5%;
        }

        .addtiles 
        {
	    width:28%;
        border-radius:5px;
        background-color:hsl(200, 1%, 95%);
        display:inline-block;
        font-family:Roboto-Light;
        font-size:12px;
        margin:0 auto;
        text-align:center;
        padding:5% 1% 5% 1%;
        margin:1%;
        }
        .addtiles span 
        {
        font-size:18px;
        font-family:Roboto-Light;
        line-height:150%;   
        }





                  
        .addresstale 
        {
        width:90%;
        display:block;
        margin:0 auto;
        line-height:140%;
	    /*width:30%;*/
        text-align:center;
        font-family:Roboto-Thin;
        font-size:18px;
        letter-spacing:0.03em;
        color:hsl(210, 100%, 90%);
        }
        .addresstale div
        {
        margin-top:8px;
        letter-spacing:0.03em;
        }
        .addresstale p
        {
        font-size:12px;
        line-height:160%;
        
        }
        .doctoraddress 
        {
        margin:0 auto;
        line-height:170%;
        text-align:center;
        font-family:Roboto-Light;
        font-size:16px;
        color:hsl(210, 100%, 90%);
        }

        .doctoraddress span 
        {
        font-family:Roboto-Light;
        font-size:26px;       
        line-height:150%;
        }
        .doctoraddress div 
        {
        font-family:Roboto-Light;
        font-size:22px;       
        margin-bottom:5px;
        }

        .explogo 
        {
        background-size:cover; 
        width:45%; 
        margin:0 auto; 
        display:block;
        padding-left:10%;
        }
        @media only screen and (min-width: 801px) and (max-width: 1200px) 
        {
        .explogo 
        {
        width: 40%;
        }
        .addresstale 
        {
     	font-family:Roboto-Thin;
        font-size:14px;
        color:hsl(210, 100%, 90%);
        }
        .addresstale div
        {
        margin-top:5px;
        }
        .addresstale P
        {
        font-size:10px !important;
        line-height:140%;
        }
        .doctoraddress 
        {
        width:75%;
        font-size:12px;
        line-height:150%;
        }
        .doctoraddress span 
        {
        font-size:26px;       
        }
        .doctoraddress div 
        {
        font-size:18px;       
        }
        .doctorcontainer 
        {
        margin:0 auto;
        width:98%;
        display:block;
        margin-left:1%;    
        }
        .doctortiles 
        {
	    width:29%;
        display:inline-block;
        background-color:hsl(200, 1%, 90%);
        font-family:Roboto-Light;
        font-size:10px;
        padding:5% 1% 5% 1%;
        line-height:180%;       
        margin:1%;        
        }
        .doctortiles span
        {
        font-size:14px;
        }
        .doctortitle 
        {
        font-size:12px;
        }        

        .addcontainer 
        {
        margin:0 auto;
        width:98%;
        display:block;
        margin-left:1%;
        }

        .addtiles 
        {
	    width:29%;        
        display:inline-block;
        background-color:hsl(200, 1%, 90%);
        font-size:10px;
        padding:8% 1% 8% 1%;
        margin:1%;
        }
        .addtiles span 
        {
        font-size:14px;
        }

        }
        @media only screen and (min-width: 501px) and (max-width: 800px) 
        {
        .addresstale 
        {
     	font-family:Roboto-Thin;
        font-size:14px;
        color:hsl(210, 100%, 90%);
        }
        .addresstale div
        {
        margin-top:5px;
        }
        .addresstale P
        {
        font-size:10px !important;
        line-height:140%;
        }
        .doctoraddress 
        {
        width:75%;
        font-size:12px;
        line-height:150%;
        }
        .doctoraddress span 
        {
        font-size:26px;       
        }
        .doctoraddress div 
        {
        font-size:18px;       
        }
       .explogo 
        {
        width: 60%;
        }
        .doctorcontainer 
        {
        margin:0 auto;
        width:95%;
        display:block;
        margin-left:4%;    
        }
        .doctortiles 
        {
	    width:45%;
        background-color:hsl(200, 1%, 90%);
        display:inline-block;
        font-family:Roboto-Light;
        font-size:10px;
        padding:5% 0.5% 5% 0.5%;
        line-height:180%;       
        margin:1%;        
        }
        .doctortiles span
        {
        font-size:12px;
        }
        .doctortitle 
        {
        font-size:12px;
        }        

        .addcontainer 
        {
        margin:0 auto;
        width:95%;
        display:block;
        margin-left:4%;
        }

        .addtiles 
        {
	    width:45%;        
        background-color:hsl(200, 1%, 90%);
        display:inline-block;
        font-size:10px;
        padding:8% 1% 8% 1%;
        margin:1%;
        }
        .addtiles span 
        {
        font-size:14px;
        }

        }




        @media only screen and (min-width: 280px)  and (max-width: 500px) 
        {
        .explogo 
        {
        width:90%;
        }

        .addresstale 
        {
     	font-family:Roboto-Thin;
        letter-spacing:0.03em;
        font-size:10px;
        line-height:160%;
        color:hsl(210, 100%, 90%);
        }
        .addresstale div
        {
        margin-top:5px;
        }
        .addresstale P
        {
        font-size:10px !important;
        letter-spacing:0.04em;
        line-height:160%;
        }


        .doctorcontainer 
        {
        margin:0 auto;
        width:90%;
        display:block;
        margin-left:4%;    
        }
        .doctortiles 
        {
	    width:100%;
        background-color:hsl(200, 1%, 88%);
        display:inline-block;
        font-size:10px;
        margin:0 auto;
        padding:10% 0.5% 10% 0.5%;
        line-height:150%;       
        margin:2% 1% 2% 1%;         
        }
        .doctortitle 
        {
        font-size:14px; 
        }
        .doctortiles span
        {
        font-size:15px;
        }     

        .addcontainer 
        {
        margin:0 auto;
        width:90%;
        display:block;
        margin-left:3.5%;
        }

        .addtiles 
        {
	    width:100%;
        border-radius:5px;
        background-color:hsl(200, 1%, 88%);
        display:inline-block;
        font-family:Roboto-Light;
        font-size:12px;
        margin:0 auto;
        text-align:center;
        padding:15% 1% 15% 1%;
        margin:2% 1% 2% 1%;         
        }
        .addtiles span 
        {
        font-size:15px;
        font-family:Roboto-Light;
        line-height:150%;   
        }
        
        .doctoraddress 
        {
        margin:0 auto;
        line-height:170%;
        text-align:center;
        font-family:Roboto-Light;
        font-size:16px;
        color:hsl(210, 100%, 90%);
        }

        .doctoraddress span 
        {
        font-family:Roboto-Light;
        line-height:150%;
        }
        .doctoraddress div 
        {
        font-family:Roboto-Light;
        margin-bottom:5px;
        }


        }



/*
     FILE ARCHIVED ON 17:49:41 Aug 14, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:20:50 Apr 17, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 93.426
  exclusion.robots: 0.067
  exclusion.robots.policy: 0.058
  cdx.remote: 0.058
  esindex: 0.009
  LoadShardBlock: 57.661 (3)
  PetaboxLoader3.datanode: 87.489 (5)
  load_resource: 277.264
  PetaboxLoader3.resolve: 235.874
  loaddict: 26.758
*/