.GALIMAGE
{
     width: 100%;
     height: 250px;
     border-radius: 10px;
     margin-bottom: 15px;
}

.GALIMAGE:hover
{
     transform: scale(1.1);
     opacity: 0.5;
}

.ArticleIMG
{
     width: 100%;
}

.ArticleIMG2
{
     width: 100%;
}

.ArticlePage
{font-size: larger;}

figcaption
{
     font-size: 8pt;
}

.ArticleIMG:hover
{
     cursor: pointer;
     opacity: 0.5;
}

.Border
{
     border: 1px solid #000000;
}

a
{
     color: #FFFFFF !important;
     text-decoration: none;
}

a:hover
{
     color: #F80108 !important;
}

.Down
{
     margin-bottom: 20px;
}

.sizing:hover
{
     animation-name: Sizing;
     animation-duration: 1s;
     animation-fill-mode: forwards;
     cursor: pointer;
     color:#F80108;
}

@keyframes Sizing
{
     from{transform: scale(1.0);}
     to{transform: scale(1.1);}
}

.Menu
{
     width: 25%;
}

h2,h3,h4
{
     text-decoration: underline;
}

h5
{
     font-size: 16pt;
     text-decoration: underline;
}

.Hover:hover
{
     color: #F80108;
     cursor: pointer;
}

.Body
{
     width: 98%;
     margin-left: 0.83%;
}

#Strike
{
    animation-name: Strike;
    animation-duration: 5s;
    animation-iteration-count: infinite;

    background-position: top;
    pointer-events: none;

     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 2;
}

@keyframes Strike
{
     0%
     {
          background-image: url(Media/Images/gifs/0.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     1%
     {
          background-image: url(Media/Images/gifs/1.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     1.2%
     {
          background-image: url(Media/Images/gifs/2.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     1.4%
     {
          background-image: url(Media/Images/gifs/3.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     1.6%
     {
          background-image: url(Media/Images/gifs/4.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     1.8%
     {
          background-image: url(Media/Images/gifs/5.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     2%
     {
          background-image: url(Media/Images/gifs/6.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     2.2%
     {
          background-image: url(Media/Images/gifs/7.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     2.4%
     {
          background-image: url(Media/Images/gifs/8.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     2.6%
     {
          background-image: url(Media/Images/gifs/9.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     2.8%
     {
          background-image: url(Media/Images/gifs/10.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     3%
     {
          background-image: url(Media/Images/gifs/11.png);
          background-size: contain;
          background-repeat: no-repeat;
     }
     4%, 100%
     {
          background-color: transparent;
     }
}

.Background
{
     background: url(Media/Images/Clouds.jpg);
     background-position: 0px 0px;
     animation: Cloudy 5000s linear infinite;
     background-size: cover;
     color: #FFFFFF;

     -moz-box-shadow:    inset 0 0 15px #000000;
     -webkit-box-shadow: inset 0 0 15px #000000;
     box-shadow:         inset 0 0 15px #000000;
}

@keyframes Cloudy
{
     from{ background-position: 0px 0px; }
     to{ background-position: -50000px 0px; }
}

#LTD
{
     color: #FFFFFF;
     font-size: 15pt;
}

.Title
{
     color: #F80108;
     -webkit-text-stroke: #000000;
     -webkit-text-stroke-width: 1px;

     font-size: 35pt;
}

.Title::after
{
     content:attr(data-text);
	font-size: 15pt;
	transform:translateX(-100%);
}

.Title:last-word
{
     font-size: 15pt;
     color: #FFFFFF;
}

.padding
{
     padding-top: 10px;
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
}

/* Form */
.Form
{
     color: #FFFFFF;
     height: 400px;
}

input
{
     width: 100%;
     color: #000000;
}

#Submit
{
     border: 1px solid #FFFFFF;
     background-color: transparent;
     color: #FFFFFF;
     width: 30%;
     font-size: 14pt;
}

#Submit:hover
{
     background-color: #FFFFFF;
     color: #000000;
     cursor: pointer;
}

.CERT
{
     opacity: 0.5;
}

.Hover:hover
{
     opacity: 0.5;
}

.CERT:hover
{
     opacity: 1;
}

/* Footer */
footer
{
     color: #FFFFFF;
}



/* Desktop*/
@media only screen and (min-width: 1240px)
{
     /* Christmas Card */
     #Card {
          width: 100%;
          height: 420px;
     }


     /* Header */
     .Title
     {
          margin-top: 8%;
     }

     .Mobile
     {
          display: none;
     }

     .Logo
     {
          width: 100%;
     }

     .Logo:hover
     {
          animation-name: Logo;
          animation-iteration-count: 1;
          animation-fill-mode: forwards;
          animation-duration: 1s;
          cursor: pointer;
     }

     .SMC
     {
          width: 5%;
          float: right;
     }    

     @keyframes Logo
     {
          0%
          {
               transform: rotate(0deg);
          }
          
          85%
          {
               transform: rotate(-45deg);
          }

          90%
          {
               transform: rotate(25deg);
          }

          95%
          {
               transform: rotate(-15deg);
          }

          100%
          {
               transform: rotate(0deg);
          }
     }

     .AboutBlock
     {
          height: 420px;
     }

     .icon
     {
          width: 70%;
          cursor: pointer;
     }

     .CERT
     {
          width: 100%;
          height: 100%;
          margin-bottom: 10px;
          text-align: center;
     }

     /* Footer */
     footer img
     {
          width: 90%;
          margin-top: 5%;
     }

     /* Navigation */
     nav
     {
          text-align: center;
     }

     nav ul
     {
          margin-top: -1%;
     }

     nav ul li
     {
          display: inline;
          text-decoration: none;
          margin-left: 5%;
          margin-right: 5%;
          font-size: larger;
     }

     .ServicesBlock
     {
          height: 180px;
     }
}

/* Tablet */
@media only screen and (max-width: 1240px)
{
     /* Christmas Card */
     #Card {
          width: 100%;
          margin-bottom: 10px;
     }

     /* Header */
     .Title
     {
          text-align: center;
     }

     .Logo
     {
          width: 30%;
          margin-left: 35%;
     }

     .icon
     {
          width: 25%;
          cursor: pointer;
     }

     footer
     {
          text-align: center;
     }

     .Desktop
     {
          display: none;
     }

     /* Navigation */
     .Drop
     {
          width: 50%;
          background-color: transparent;
          color: #FFFFFF;
          border: 1px solid #FFFFFF;
          margin-left: 25%;
          border-top: 5%;
          font-size: 16pt;
          padding: 5px;
     }

     .Drop:active
     {
          color: #000000;
          background-color: #FFFFFF;
          cursor: pointer;
     }
     
     .DropDown
     {
          z-index: 1;
          display: none;
          margin-left: -40px;
     }

     .ShowDD {display:block;}

     nav ul
     {
          margin-top: 3%;
     }

     nav ul li
     {
          display: block;
          border: 1px solid #FFFFFF;
          text-decoration: none;
          margin-top: 5%;
          margin-bottom: 5%;
          text-align: center;
          width: 50%;
          margin-left: 25%;
          font-size: 16pt;
          padding: 5px;
     }

     .CERT
     {
          width: 50%;
          height: 50%;
          margin-bottom: 10px;
          text-align: center;
     }

     /* Footer */
     footer img
     {
          width: 100%;
     }

     .SMC
     {
          width: 20%;
     } 
}

/* Phone */
@media only screen and (max-width: 770px)
{
     .GALIMAGE
     {
          width: 90%;
          margin-left: 8%;
          height: 350px;
          border-radius: 10px;
          margin-bottom: 15px;
     }
     .icon
     {
          width: 70%;
          cursor: pointer;
     }

     /* Footer */
     footer img
     {
          width: 40%;
     }

     .SMC
     {
          width: 40%;
     } 
}

.MyBorder
{
     border: 1px solid #ffffff;
     background-color: #ffffff48; 
     border-radius:5px;
     padding: 5px;
}

.Deon
{
     text-align: center;
     
}

.Deon img 
{
     width: 75%;
     height: auto;

     border-radius:15px;
}