* {
				       margin: 0;
				       padding: 0;
			      }

            html { 
              height: 100%; 
            }

           

              body {           
                /*font-family: proxima-n-w01-reg,sans-serif;*/
                font-size: 18px;
                color:black;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                
            }
            
            .outerbox {
                border:0px solid red;

            }
          
            
            .video-section {
                position: relative;
               
            }
            #video-elem {
                
                background-image: url(../images/blog.jpg);
                background-repeat: no-repeat;
                max-width: 100%;
                height: 700px;
                background-size: cover;
                background-position: right 0px top -200px;
                border:0px solid blue;
                

            }
            #video-elem img {
                width: 100% !important;
            }

           


            

            .video-text h1 {
                position: relative;
                margin-left:50%;
                margin-top: 5%;
                transform: translateX(-50%) translateY(-50%);             
                font-size: 3em;
                text-align: center;
                border-radius: 5px;  
                white-space: nowrap;   
                color: black !important;          
            }

            .card
            {
            	margin-bottom: 50px;
            	background-color: #fafafa !important;
            	border:0px solid blue !important;
                border-color: white;
                height:90%;

            }


            
            .card-title{
            	color: black !important;
            	font-size: 20px;
            
            }
            
            .cardtext{
            	border:0px solid red;
            	color: black;
            	font-weight: normal;
            }
          
            .alink{
                text-decoration: none !important;
            }

            .card-body img {
              display : block; 
              margin : auto;
              width:300px;
              height:203px;
            }

            @media(max-width: 1440px) {
                 .card-body img{
                   width:180px;
                 }
                                  
                }

            @media(max-width: 1440px) {
                 h1{
                   font-size: 2em !important;
                 }
                                  
                }

                /* The Modal (background) */
            .modal {
              display: none; /* Hidden by default */
              position: fixed; /* Stay in place */
              z-index: 1; /* Sit on top */
              padding-top: 10%; /* Location of the box */
              left: 0;
              top: 0;
              width: 100%; /* Full width */
              height: 100%; /* Full height */
              overflow: auto; /* Enable scroll if needed */
              background-color: rgb(0,0,0); /* Fallback color */
              background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
            }
            
            /* Modal Content */
            .modal-content {
              background-color: #fefefe;
              margin: auto;
              padding: 2%;
              border: 5px solid #2d2d2d;
              width: 50%;
              font-weight: bold;
            }
            
            /* The Close Button */
            .close,.closesubmer,.closesmashed,.closenail,.closeshort{
              color: #2d2d2d;
              margin-left:95%; 
              font-size: 28px;
              font-weight: bold;
             
            }
            
            .close:hover,
            .close:focus,.closesubmer:hover,
            .closesubmer:focus, .closesmashed:hover,
            .closesmashed:focus,.closenail:hover,
            .closenail:focus,.closeshort:hover,
            .closeshort:focus{
              color: #000;
              text-decoration: none;
              cursor: pointer;
            }
            .card-body a{
              color:black;
              font-weight: bold;
            }
            a:hover{
              color:black;
            }